Onyx Coffee Lab 2

The reference for a full-bleed black cinematic coffee hero carried by a hand-drawn signature wordmark and warm creme (#FBFAF3) type, editorial ecommerce with the confidence of a gallery.

Consumer Brand flagship

Design tokens

background

surface

text

textMuted

accent

border

tone1

tone2

display: Room-205
body: Montserrat
mono

Do / Don't

Reference it for

Full-viewport dark photographic hero (near-black #000000 over a tight macro coffee-cherry shot) with all copy in warm creme #FBFAF3, not pure white
A hand-drawn script signature as the hero wordmark instead of set type, the single most distinctive move
Montserrat everywhere for UI/body (14px base, 24px line-height, 400 weight) with letterspaced small caps for CTAs (letter-spacing 1px-2px, e.g. EXPLORE OFFERINGS)
Brand display faces reserved for section headers: Bajern (--heading-family) and Kapra (--detail-family, sans) against Montserrat body
Giant fluid section headings via clamp: --size-h1-huge max(60px, min(17vw, 260px)), --size-h2 max(60px, min(6vw, 90px)), letter-set one-glyph-per-span so headings render as ONYX AT THE PRESERVE
Warm creme neutral system on black: creme #FBFAF3, med-creme #F0EFE5, dark-creme #EAE4D5, toupe #EEE9DF used for alternating light sections
Peach accent #F5D8C2 (and translucent #F5D8C2CF) as the one warm pop against the monochrome shell
Running marquee ribbons for Now Listening (band names) and Trending Coffees, a top utility bar with Free Shipping On Orders $40+

Do not copy

The Onyx hand-drawn signature wordmark and the skull-in-circle mark
The exact brand faces Bajern, Kapra, Room-205, Warbler, Juniper (licensed house type)
The real coffee-cherry hero photography and cafe imagery
Named people and their competition placements (Morgan Eckroth, Elika Liftee, Andrea Allen)
Onyx-specific product and sub-brand names (Doyenne, Echelon, Circadian, Terroir, ONYXRED)
The exact peach + creme-on-black palette as a lift-and-shift scheme
Copy signatures like Join Our Pilgrimage and NEVER SETTLE FOR GOOD ENOUGH