Brand
Strippd — Newsletters, stripped to the story.
Tokens, brand and the UI components the site is built from.
App Icon
ON LIGHT BACKGROUND
Brand Logo
Strippd
Newsletters, stripped to the story.
Color Palette
Midnight
#0F1016
Graphite
#1A1C24
Deep Amber
#4A2B00
Strippd Amber
#FF9F2E
Soft Peach
#FFD9A8
Light Grey
#F2F2F7
Gradients
Midnight Veil
#1A1C24 → #0F1016
Strippd Glow
#FF9F2E → #FFD9A8
Dusk
#2A241C → #14131C
Sunrise
radial · amber 20% → 0%
Paper
#FFFFFF → #F2F2F7
Hairline
transparent → amber → transparent
Gradients are tonal and quiet — one hue, two neighbouring stops. Strippd Glow is the only saturated gradient and is reserved for primary actions and the icon's strip edge.
Typography
Aa
SF Pro
- Bold
- Semibold
- Medium
- Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789!@#$%^&*()
Apple San Francisco — the macOS system font. On the web it's used via the system stack (
-apple-system), falling back to each platform's native UI font.Iconography
Simple, clean, and minimal. Rounded corners and consistent stroke weights — one <Icon> component serves every glyph on the site.
UI Elements
Coming soonAs sentWith Strippd
Living specimens — <Button>, <Pill> and <Panel> here are the same Astro components the landing page imports.
Design Tokens
:root {
/* color */
--midnight: #0F1016;
--graphite: #1A1C24;
--deep-amber: #4A2B00; /* Deep Amber */
--amber: #FF9F2E; /* Strippd Amber */
--peach: #FFD9A8; /* Soft Peach */
--light-grey: #F2F2F7;
/* type — Apple San Francisco via the system stack */
--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text",
"Helvetica Neue", sans-serif;
/* gradients — subtle, tonal */
--g-midnight-veil: linear-gradient(180deg, #1A1C24, #0F1016);
--g-strippd-glow: linear-gradient(135deg, #FF9F2E, #FFBE66 60%, #FFD9A8);
--g-dusk: linear-gradient(160deg, #2A241C, #14131C);
--g-sunrise: radial-gradient(120% 90% at 50% 0%,
rgba(255,159,46,.2), transparent 65%);
--g-paper: linear-gradient(180deg, #FFFFFF, #F2F2F7);
}