Alpine Bio. Sun-drenched botanical apothecary on cream parchment.
- Brand
- Light theme
- 8 colors
- 4 typefaces
Alpine Bio reads as a warm apothecary-editorial system: cream-parchment canvases, a single sky-blue pill accent, and Switzer display type sized like a botanical journal. The interface is deliberately chromatically silent — nearly every surface lives in the warm off-white family, with one soft blue for actions and one pollen-yellow for tiny typographic highlights. Components are flat, unshadowed, and pill-rounded; the design is defined as much by what it withholds (no gradients, no shadows, no dark mode) as by what it adds. Full-bleed close-up product photography carries all atmospheric warmth, letting the UI stay calm and lab-like while the imagery feels edible and alive.
Alpine Bio design system
Brand1
Blue wash for highlight backgrounds, decorative bands, and soft emphasis behind content. Do not promote it to the primary CTA color
Accent1
Highlight labels, breadcrumb tags, scroll-indicator text — rare warm punctuation against the cream
Neutrals6
Heading text, heavy borders, icon strokes — the highest-contrast neutral in the system
Primary body text and structural borders — softer than pure black, warmer against the cream
Subtle surface fills — nav background, button hover rests, and quiet UI layers
Section backgrounds, footer surface, and warm page rhythm — gives the system its apothecary warmth
Page canvas and base background — the neutral ground everything sits on
Text on dark imagery, elevated card surfaces, and bright contrast moments
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Carbon on Sky Blue
11.42 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
More DESIGN.md files. Same web, different personalities.
Airbnb
Brand
Aker
Brand
Alison Roman
Brand
Alveos One
Brand
Amrit Palace
Brand
André Cândido
Brand
Anna Jóna
Brand
Apollo
Brand
Apple
Brand
Arva
Brand
Ashton Bespoke
Brand
Aspelin Reitan
Brand
