Design Gallery
My personal design wardrobe — websites I admire for their typography and color, the fonts I reach for, color combinations I keep around, and the design systems worth studying.
Featured — This Portfolio
Built on the Nucleo design system. Here's the recipe behind what you're looking at.
Typefaces
SeasonMix
Serif — headings
Matter
Geometric sans — body & UI
Accent
A single confident accent over a neutral greyscale.
Nucleo Purple
#896CFEInspiration
Sites with great fonts and color schemes — cited so I can revisit them.
Sarvam AI
My all-time favourite. The Indian cultural touch is magnificent, and it's where this portfolio's typefaces come from — thank you, Sarvam!
tanvir.io
Attention to detail and micro-interactions are too good. Buttery page transitions and confident, minimal typography — the inspiration for this site's motion.
Modal
Great fonts and a proper dark theme with a green accent done right.
RunPod
Proper use of fonts and a modern purple that makes even 'AI-slop purple' look great — proof that purple is a strong color when used wisely.
Autosend
Gorgeous cream-and-purple light theme — and the 3D icons in the dashboard are something else.
Nucleo
The design system this very portfolio is built on — restrained color, crisp contrast scale, soft shadows.
Linear
The benchmark for gradient accents, glassy surfaces, and tight, purposeful spacing.
Vercel
Geist type system and a black-and-white palette that proves restraint is a feature.
Go-to Fonts
The typefaces I reach for first, and what each one is good at.
Aa Bb Cc 123
SeasonMix
Serif displayHeadings on this site — gives the page a literary, editorial voice.
The quick brown fox
Matter
Geometric sansBody & UI on this site — warm, legible, friendly at small sizes.
The quick brown fox
Graphik
Geometric sansSwiss-modern workhorse — crisp, versatile, and reads beautifully at all sizes.
The quick brown fox
DM Sans
Low-contrast geometric sansFriendly product UI with a touch of personality.
The quick brown fox
Poppins
Geometric sansBold, rounded headings for landing pages.
The quick brown fox
Inter
Neutral sansThe safe default — dense data tables and forms.
The quick brown fox
Manrope
Modern geometric sansClean, slightly technical UI with tight rhythm.
const x = 42;
Geist Mono
MonospaceCode, numbers, and anything that needs fixed-width precision.
Color Combinations
Palettes I keep around for different moods — click any hex to copy it, or copy the whole set.
Nucleo Purple (this site)
A single confident accent over a near-neutral greyscale.
Editorial Warm
Cream paper, ink black, and a muted terracotta accent.
Deep Ocean
Dark-mode friendly — slate base with a cyan highlight.
Forest Mono
Calm greens for documentation and reading-heavy layouts.
Design Systems & Tokens
References worth studying when building a system of your own.