Back to Home
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