Info & Stats

Technical details, design system, and analytics overview

Package Versions

Astro

5.14.1

React

^18.3.1

Tailwind CSS

4.1.13

TypeScript

^5.9.2

Framer Motion

^12.23.22

Vercel Analytics

^1.5.0

View All Dependencies

Production Dependencies

@astrojs/markdown-remark: ^6.3.7
@astrojs/mdx: 4.3.6
@astrojs/node: ^9.4.5
@astrojs/react: ^4.4.0
@astrojs/rss: 4.0.11
@astrojs/sitemap: 3.2.1
@astrojs/vercel: ^8.2.9
@heroui/card: ^2.2.24
@heroui/progress: ^2.2.21
@heroui/react: ^2.8.4
@iconify/react: ^6.0.2
@libsql/client: ^0.15.15
@react-three/fiber: ^9.3.0
@react-three/postprocessing: ^3.0.4
@tailwindcss/vite: 4.1.13
@vercel/analytics: ^1.5.0
@vercel/speed-insights: ^1.2.0
aos: ^2.3.4
astro: 5.14.1
astro-expressive-code: ^0.41.3
astro-icon: ^1.1.5
astro-robots-txt: ^1.0.0
astro-webmanifest: ^1.0.0
cssnano: ^7.1.1
date-fns: ^4.1.0
date-fns-tz: ^3.2.0
drizzle-orm: ^0.42.0
effect: ^3.18.4
framer-motion: ^12.23.22
hastscript: ^9.0.1
mdast-util-directive: ^3.1.0
mdast-util-to-markdown: ^2.1.2
mdast-util-to-string: ^4.0.0
postprocessing: ^6.37.8
react: ^18.3.1
react-dom: ^18.3.1
react-icons: ^5.5.0
rehype-autolink-headings: ^7.1.0
rehype-external-links: ^3.0.0
rehype-unwrap-images: ^1.0.0
remark-directive: ^3.0.1
satori: 0.18.3
satori-html: ^0.3.2
sharp: ^0.33.5
three: ^0.180.0
unified: ^11.0.5
unist-util-visit: ^5.0.0
vite: ^6.3.6

Dev Dependencies

@astrojs/check: ^0.9.4
@biomejs/biome: ^1.9.4
@iconify-json/mdi: ^1.2.3
@netlify/functions: ^4.2.7
@pagefind/default-ui: ^1.4.0
@resvg/resvg-js: ^2.6.2
@tailwindcss/typography: ^0.5.18
@types/hast: ^3.0.4
@types/mdast: ^4.0.4
@types/node: ^24.5.2
@types/react: ^18.3.12
@types/react-dom: ^18.3.5
@types/three: ^0.180.0
@vercel/node: ^5.3.24
autoprefixer: ^10.4.21
pagefind: ^1.4.0
prettier: ^3.6.2
prettier-plugin-astro: 0.14.1
prettier-plugin-tailwindcss: ^0.6.14
reading-time: ^1.5.0
tailwindcss: 4.1.13
typescript: ^5.9.2

Design System

Color Palette

Light Theme

Background

oklch(98.48% 0 0)

Text

oklch(26.99% 0.0096 235.05)

Accent

oklch(57.24% 0.1 238.12)

Accent Dark

oklch(47.24% 0.1 238.12)

Dark Theme

Background

oklch(0.24 0.0045 265.31)

Text

oklch(83.54% 0 264)

Accent

oklch(57.24% 0.1 238.12)

Accent Dark

oklch(52% 0.1 238.12)

Typography

Main Font

Atkinson Hyperlegible

Code Font

Atkinson Hyperlegible Mono

Fallback

system-ui, sans-serif

Design Philosophy

• Accessibility First: WCAG AA compliant with Atkinson Hyperlegible font for maximum readability
• Color System: OKLCH color space for perceptually uniform colors across themes
• Responsive Design: Mobile-first approach with fluid typography and spacing
• Performance: Static-first with hydration islands for interactivity

Where to next?

Search

Popular Tags

Quick Links