Colophon
The technical details, tools, and design principles behind this site.
Technologies
This website is built using modern web technologies with a focus on performance, accessibility, and responsive design:
- Framework: Next.js 14 with App Router for server-side rendering and optimized client-side navigation
- Language: TypeScript for type-safe development
- Styling: Tailwind CSS for utility-first styling
- Components: ShadCN and Aceternity UI for accessible, customizable components
- Animations: Framer Motion for smooth page transitions and animations
- Hosting: Vercel for global edge deployment
Design Principles
The design of this site follows several key principles:
- Minimalism: Clean interfaces without unnecessary distractions
- Typography-focused: Clear hierarchical typography for readability
- Dark mode: Automatically adapts to system preferences while allowing manual toggle
- Performance: Optimized assets and minimal JavaScript for fast load times
- Accessibility: WCAG compliance with proper contrast ratios and keyboard navigation
Typography
This site uses the Inter typeface, a highly readable font designed for computer screens. It provides excellent legibility at various sizes and works well for both headings and body text.
HeadingInter 600
BodyInter 400
Color Palette
The color scheme focuses on neutrals with subtle accent colors to emphasize important elements:
Primary#23486A
Secondary#4C7B8B
TextNeutral
BackgroundWhite/Neutral
Inspirations
- Fully inspired from ned.im by Nedim Arabacı
Current version: v1.0.0 • Last updated: March 2025