Brand Style Guide

The visual language and design system that defines my personal brand.

Color Palette

Primary

#18181B

zinc-900

Dark background for depth and sophistication

Text Primary

#F4F4F5

zinc-100

Headings and important text

Text Secondary

#A1A1AA

zinc-400

Body text and descriptions

Accent

#FFFFFF

white

CTA buttons and highlights

Border

#3F3F46

zinc-700

Card borders and dividers

Typography

Cal Sans

Display / Headings

font-display

louis quartararo

Regular

Inter

Body / UI Text

font-sans

The quick brown fox jumps over the lazy dog.

RegularMediumSemibold

Icon Set

Using Lucide Icons for consistent, modern iconography.

Mail
LinkedIn
GitHub
Download
Arrow
Send

Brand Adjectives

These words guide the tone, look, and vibe of my portfolio.

Technical

Data-driven, analytical, precise

Sophisticated

Clean design, professional aesthetic

Modern

Contemporary approach, current technologies

Approachable

Welcoming, personable, easy to connect with

Design Principles

Dark Mode First

A sophisticated dark palette reduces eye strain and conveys a modern, technical aesthetic.

Subtle Animations

Fade-in effects and smooth transitions create an engaging, polished experience.

Consistent Spacing

Generous whitespace and uniform padding ensure clarity and visual harmony.