Onyx Coffee Lab

Reference it for

• A cinematic hospitality or roaster homepage: full-bleed photographic and video bands under a hand-script signature logo, paced like a documentary rather than a product grid.
• A warm-monochrome creme-and-ink system (#FBFAF3 paper, #000 type) with graduated creme tints (#F0EFE5, #EEE9DF, #EAE4D5) and one bronze accent (#89704A) held for buttons and rare links only.
• A three-voice editorial type stack: a high-contrast display serif (Bajern class) run large at 68px+, an all-caps tracked condensed serif (Room-205 class) at 40px, and Montserrat body at 14/24px.
• The slow opacity + transform 1.1s/1.7s ease scroll-reveal as a house personality, plus stroke-dashoffset SVG line-draws, all gated behind reduced-motion.
• Arched image framings (720px 720px 0 0 radius) and full-bleed split bands (textSplit / heroSplit / doubleSplit) as a repeatable editorial section kit over a 1600px container.

Do not copy

• The Bajern, Room-205 and Kapra faces are bespoke/licensed brand fonts; map to a high-contrast display serif plus an all-caps condensed serif rather than lifting the files.
• The hand-drawn "Onyx" signature logo, the skull mark and the giant "O N Y X" footer watermark are identity, do not reproduce them.
• The full Shopify third-party stack (Klaviyo, Gorgias chat, Recharge, the ad/analytics pixels, the 96-script payload) ships with a mature commerce site; borrow the cinematic restraint, not the plumbing.
• The deep ten-location, eight-column footer and the 20-plus homepage bands suit a roaster group with cafes nationwide; a single venue should run far fewer.