Colophon
How this site was built.
A look behind the curtain at the technologies, design decisions, and inspirations that shaped this portfolio.
Tech Stack
The tools and technologies powering this site.
Framework
Next.js 15
React framework with App Router
Language
TypeScript
Type-safe JavaScript
Styling
Tailwind CSS
Utility-first CSS framework
Components
shadcn/ui
Radix-based component library
Animation
Framer Motion
Animation library for React
Icons
Lucide
Icon library
Hosting
Vercel
Deployment and hosting
Typography
Typefaces used throughout the site.
Inter
Body text and UI
Variable sans-serif
Accessibility
Commitments to inclusive design.
✓Semantic HTML structure
✓ARIA labels on interactive elements
✓Keyboard navigation support
✓Focus indicators on all interactive elements
✓Reduced motion support
✓Sufficient color contrast ratios
✓Screen reader friendly content
Design Inspiration
Studios and sites that influenced this work.
Pentagram
Typographic rigor and identity-led systems
Instrument
Editorial polish and premium motion
Ueno
Clean hierarchy and strong grids
IDEO
Process-driven storytelling
COLLINS
Bold but restrained brand moments
Built with by Dante Bellins
Last updated: December 2025