Colophon
The tools, technologies, and inspirations behind this website.
Technology
Next.js
React framework with App Router for server and client components
TypeScript
Strongly typed JavaScript for better developer experience
Tailwind CSS
Utility-first CSS framework for rapid UI development
shadcn/ui
Beautifully designed components built with Radix UI and Tailwind CSS
Firebase
User management and authentication
Obsidian
Markdown-based knowledge base and CMS for personal content
Vercel AI SDK
The AI Toolkit for building AI-powered features and applications
Inspiration
Got design inspiration from these amazing creators:
Design Details
My design philosophy is rooted in clarity, warmth, and playfulness. The interface uses a custom palette of soft neutrals and gentle accent colors, inspired by vintage books and cozy workspaces.
Typography is set with Geist Sans and Geist Mono for a clean, modern yet approachable feel. Spacing is generous, and every component is hand-crafted for both accessibility and visual delight.
Interactive elements feature subtle motion, tactile feedback, and playful details—like cross markers and animated underlines—without ever sacrificing usability.
Every UI piece is custom-built for this site, with performance and simplicity at the core. The design is meant to invite curiosity and make every visit a little more delightful.
Typography is set with Geist Sans and Geist Mono for a clean, modern yet approachable feel. Spacing is generous, and every component is hand-crafted for both accessibility and visual delight.
Interactive elements feature subtle motion, tactile feedback, and playful details—like cross markers and animated underlines—without ever sacrificing usability.
Every UI piece is custom-built for this site, with performance and simplicity at the core. The design is meant to invite curiosity and make every visit a little more delightful.
Color Palette
background
popover
card
accent
muted
border
foreground
Cream
PaleYellow
Yellow
Blue
SteelBlue
Lavender
Primary
Lilac
Pink
Peach
Green
Typography
Geist Sans (Head)
The quick brown fox jumps over the lazy dog.
Geist Sans (Body)
The quick brown fox jumps over the lazy dog.
Geist Mono (Code)
const example = "Hello World";
Personal Space
This site is my creative lab—a place to build, tinker, and share ideas in progress. Everything here is shaped by personal curiosity and experimentation. The codebase is private, reflecting the evolving and individual nature of this space.
Deployment
VercelDeployments are powered by Vercel, making updates seamless and fast. Every push creates a fresh version, so improvements and fixes reach visitors quickly.
Performance
Built for speed and reliability, with static and dynamic content served globally for a smooth user experience.
Analytics
Lightweight, privacy-friendly analytics provide insight into site usage—no cookies, no tracking of personal data.
“Growth happens at the edge of comfort. This site is a record of my experiments, mistakes, and learning in public.”— Lily