Colophon
The technical and design details behind this website
Technology Stack
Built With
- Astro
- Tailwind CSS
- Markdown/MDX
- Framer Motion
Hosted On
- Cloudflare Pages
Design System
Typography
Poppins
Used for headings
Bold
Medium
Regular
Space Grotesk
Used for nav & blog titles
Bold
Medium
Regular
Inter
Used for body text
Bold
Medium
Regular
Color Palette
Primary
#000000
Secondary
#1F4E79
Accent
#D9D9D9
Background
#F9FAFB
Highlight
#00B2FF
Spacing & Layout
This site uses an 8px spacing system for consistent rhythm and proportion. The layout is built on a responsive grid that adapts to different screen sizes, ensuring a great experience on everything from mobile phones to large desktop displays.
Breakpoints
- Mobile: Up to 640px
- Tablet: 641px to 1024px
- Desktop: 1025px and above
Container
Max width of 1280px (7xl) with responsive padding on smaller screens