Mono

— is a free template made with Astro. You can see it in action here, as well as have a look at the demo.

Features

• Sustainable design and development;
• Integrated RSS feed with content;
• External links open in new tabs, internal — in the same tabs;
• Additional “metadata-like” info in articles;
• Astro ViewTransitions;

Scores

• A+ Digital Beacon Score;
• A+ 95% Website Carbon Calculator;
• 100 Performance PageSpeed Test;

Structure

/
├── public/
│   ├── css/
│   │   └── global.css
│   ├── favicon.svg
│   ├── fonts/
│   │   └── MonaspaceNeonVarVF.ttf
│   └── images/
│       ├── article.webp
│       └── cover.webp
├── src/
│   ├── components/
│   │   ├── Back.astro
│   │   ├── Header.astro
│   │   └── ListItem.astro
│   ├── content/
│   │   ├── blog/
│   │   │   ├── on-documentation.md
│   │   │   └── opt-in.md
│   │   └── pages/
│   │       ├── index.md
│   │       ├── now.md
│   │       ├── about.md
│   │       └── uses.md
│   ├── layouts/
│   │   └── Layout.astro
│   └── pages/
│       ├── index.astro
│       ├── now.astro
│       ├── about.astro
│       ├── uses.astro
│       └── journal/
│           ├── [...page].astro
│           └── [slug].astro
└── package.json

Font

This template utilizes the monaspace superfamily of fonts, the Neon Variable in particular. Feel free to change the fint if you don’t like it.

Development & customization

Update the content bu utilizing .md files. Don’t forget to update site.js.

Here’s a list of commands to work with the template (run from your terminal):

Feel free to use package manager of your choice: pnpm (no pressure), yarn, or npm.

Plugins

• Astro Compress;
• Astro Robots;