Scheduling. Editorial ink on cream paper.
- SaaS
- Light theme
- 11 colors
- 2 typefaces
GlossGenius operates in a near-monochrome editorial register: a warm-black ink (#17150e) stamped onto white and a faint mint-cream (#f0f7f6) canvas, with a single chartreuse-yellow (#cccc25) that functions like a highlighter pen — appearing sparingly on primary CTAs, metric callouts, and decorative washes. The typography is the brand's loudest element: a custom Basel pairing where the grotesque Grotesk handles UI and body while Classic — a sharper, slightly serifed display face — drops in only at 96–144px for editorial statements, tightened to 0.8–0.95 line-height so letterforms stack like vinyl. Components are deliberately lightweight: flat 8px-radius cards, no shadows, pill-shaped buttons at 1440px, and 1.5px hairline dividers. Sections breathe generously (80–120px gaps) and alternate between pure white and the mint tint, creating the cadence of a magazine spread rather than a product dashboard.
Scheduling design system
Brand2
Primary text, dark card surfaces, footer background, pill button fill — a warm near-black that reads softer than pure #000 and makes the large display type feel printed rather than digital; 1.5px borders and dividers — uses the same warm-black as text to keep all structural lines tonally unified
Yellow action color for filled buttons, selected navigation states, and focused conversion moments; Soft yellow-to-pale-yellow gradient used as decorative wash behind hero copy and section transitions
Accent5
Accent tint for decorative illustrations and marketing gradient washes — never used for UI states
Soft accent fill for illustration blocks and feature card backgrounds in the marketing surface
Warm illustration accent — pairs with Light Coral in editorial gradient compositions
Cool illustration accent balancing the warm Coral/Apricot pair in product showcase gradients
Periwinkle-to-lavender gradient used in product feature illustrations and decorative dividers
Neutrals4
Secondary dark surface, deep section backgrounds — cooler alternative to Gloss Black for variant cards and panels
Muted helper text, secondary labels — reserved for non-essential copy where readability is still required
Page tint sections, card surfaces, badge fills, button text on dark — a barely-green-tinted off-white that warms the interface and creates gentle contrast bands against pure white
Primary page canvas, card surface, dark-button text, nav link color — used wherever maximum contrast is needed without any color temperature
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Pure White on Gloss Black
18.26 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
