This garden of pixels is grown with Astro and styled with Tailwind CSS. It lives happily on Vercel.
I also tend to write about how this site is made in the Colophon tag.
Colour Palettes
The colour palette is inspired by nature, with soft, earthy tones complemented by vibrant accents.
Base
Parchment
Warm off-white, aged paper.
Mist
Soft lavender-grey for cards/panels.
Midnight Soil
Very warm dark, not pure black.
Text
Inkwell
Near-black, warm undertone (not cold)
Ash
Warm grey for metadata, timestamps
Accents
Sage
Muted Ghibli forest green
Moss
Deeper green, accessible on parchment
Honey
Warm amber for CTAs / hover states
Dusk Rose
Soft, dusty pink
Typography
The typography is a mix of modern clarity and classic roots — chosen to keep words readable while letting them bloom with character.
Inter
Inter is a free, open-source font by Rasmus Andersson.
Font Weights
font-light
The quick brown fox jumps over the lazy dog
font-normal
The quick brown fox jumps over the lazy dog
font-medium
The quick brown fox jumps over the lazy dog
font-bold
The quick brown fox jumps over the lazy dog
font-black
The quick brown fox jumps over the lazy dog
Text Sizes
text-sm
The quick brown fox jumps over the lazy dog
text-base
The quick brown fox jumps over the lazy dog
text-lg
The quick brown fox jumps over the lazy dog
text-xl
The quick brown fox jumps over the lazy dog
text-2xl
The quick brown fox jumps over the lazy dog
Bitter
Bitter is an open source font by Sol Matas.
Font Weights
font-light
The quick brown fox jumps over the lazy dog
font-normal
The quick brown fox jumps over the lazy dog
font-medium
The quick brown fox jumps over the lazy dog
font-bold
The quick brown fox jumps over the lazy dog
font-black
The quick brown fox jumps over the lazy dog
Text Sizes
text-sm
The quick brown fox jumps over the lazy dog
text-base
The quick brown fox jumps over the lazy dog
text-lg
The quick brown fox jumps over the lazy dog
text-xl
The quick brown fox jumps over the lazy dog
text-2xl
The quick brown fox jumps over the lazy dog
JetBrains Mono
JetBrains Mono is a free, open-source font by JetBrains.
Font Weights
font-light
The quick brown fox jumps over the lazy dog
font-normal
The quick brown fox jumps over the lazy dog
font-medium
The quick brown fox jumps over the lazy dog
font-bold
The quick brown fox jumps over the lazy dog
font-black
The quick brown fox jumps over the lazy dog
Text Sizes
text-sm
The quick brown fox jumps over the lazy dog
text-base
The quick brown fox jumps over the lazy dog
text-lg
The quick brown fox jumps over the lazy dog
text-xl
The quick brown fox jumps over the lazy dog
text-2xl
The quick brown fox jumps over the lazy dog
Architects Daughter
Architects Daughter is a free, open-source font by Kimberly Geswein.
Font Weights
font-light
The quick brown fox jumps over the lazy dog
font-normal
The quick brown fox jumps over the lazy dog
font-medium
The quick brown fox jumps over the lazy dog
font-bold
The quick brown fox jumps over the lazy dog
font-black
The quick brown fox jumps over the lazy dog
Text Sizes
text-sm
The quick brown fox jumps over the lazy dog
text-base
The quick brown fox jumps over the lazy dog
text-lg
The quick brown fox jumps over the lazy dog
text-xl
The quick brown fox jumps over the lazy dog
text-2xl
The quick brown fox jumps over the lazy dog
NPM Dependencies
These are the NPM packages I’m using to build, maintain, and serve this site.
| Package | Description | Version |
|---|---|---|
| Astro | The static site builder used to build this site | 6.1.3 |
| @astrojs/mdx | 5.0.3 | |
| @astrojs/rss | 4.0.18 | |
| @astrojs/sitemap | 3.7.2 | |
| @astrojs/vercel | 10.0.4 | |
| @astrojs/vue | 6.0.1 | |
| date-fns | 4.1.0 | |
| @date-fns/tz | 1.4.1 | |
| ics | 3.8.1 | |
| lite-youtube-embed | 0.3.4 | |
| p5.js | The JavaScript library for some of the creative coding on this site | 2.2.2 |
| sanitize-html | 2.17.1 | |
| @sentry/astro | 10.40.0 | |
| Tailwind CSS | The CSS framework used to style this site | 4.2.1 |
| @tailwindcss/typography | 0.5.16 | |
| @tailwindcss/vite | 4.2.1 | |
| unist-util-visit | 5.1.0 | |
| vue | 3.5.29 |
Consider this site a perennial rather than a finished bouquet, it will keep evolving over time.