Shelby Thomas
Design System
Reference for colors, typography, components, and logo usage across the site.
Colors
Charcoal
#040f16
Primary text, backgrounds
Sky
#0094c6
Accent, CTAs, links
Silver
#dfe0e2
Borders, tertiary text
White
#ffffff
Page background
Typography
Poppins — Headlines
Display Heading
Section Heading
Sub-section
Card Title
700 / 800 weight · −0.02em letter-spacing
Lora — Body
Writing on marketing, AI, and living more intentionally. The kind of thinking you do when you're not sure what to think yet — honest about its own limits, personal where it needs to be, and always building toward something.
17px / 1.65 line-height
Labels & Caps
Section Label · Sky
Date / Meta · Silver
Buttons
Logo
Full logo — light
Monogram — light
Full logo — dark
Monogram — dark
Photography
shelby-portrait — hero
shelby-laptop — editorial
shelby-ipad — editorial
ambience-books — about section
ambience-bag — accent
shelby-close — avatar