Inthememory. Architectural blueprint on white marble with a single warm spark.
- SaaS
- Light theme
- 11 colors
- 1 typeface
Inthememory presents a crisp editorial-meets-product surface: white canvas, deep ink-teal typography, and restrained warm-orange punctuation for moments of energy. Cards ride a light airy gray (#f1f7f9) with hairline borders, while pill-shaped controls (100px radius) and isometric line illustrations give the system a tactile, almost stationery-like warmth. Color is functional and rare — the electric blue (#0c67ff) is reserved for announcement bars and focus states, the orange (#fa4e1d) for hero iconography and occasional card backgrounds, and the entire chrome stays monochrome to let data and copy lead. Typography is custom Graphik at two weights only, creating a disciplined two-voice system where weight 500 earns emphasis and weight 400 carries everything else.
Inthememory design system
Brand2
Orange wash for highlight backgrounds, decorative bands, and soft emphasis behind content. Do not promote it to the primary CTA color
Orange wash for highlight backgrounds, decorative bands, and soft emphasis behind content. Do not promote it to the primary CTA color
Accent1
Violet wash for highlight backgrounds, decorative bands, and soft emphasis behind content. Do not promote it to the primary CTA color
Neutrals6
Primary text, borders, filled buttons, iconography — the structural backbone of the system. Its near-black teal reads as authoritative without the harshness of pure black
Secondary text, subtle borders — bridges body copy and muted UI chrome without competing with the primary ink
Tertiary text, disabled states, low-emphasis labels — the quietest neutral that still maintains readability against white
Dividers, borders, input outlines — the thinnest structural line color, used where a 1px edge needs to exist without drawing attention
Card backgrounds, section washes, subtle surface elevation — a barely-tinted cool gray that lifts cards off the white canvas without warmth
Page canvas, card surfaces, button text on dark fills — the dominant surface that lets the dark ink and accent colors carry the visual weight
semantic2
Violet state accent for badges, validation surfaces, and short status labels. Do not promote it to the primary CTA color
Info badge backgrounds, subtle blue washes — the pastel counterpoint to Info Indigo, used when a blue element needs a tinted surface rather than a solid fill
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Ink Teal on Ember Orange
4.87 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictFails AAA 7
