Embra Website Design Directions
TrHive · Confidential

Three directions for the same three bottles.

Same architecture, same products, same price. What changes is temperament: how much paint reaches the screen, how much the page moves, and how fast a buyer gets to the bottle. Explore each, then leave your notes.

01 · Direction

The Depot

Slow drinks for fast times.

Open the live mockup ↗

The port warehouse. Commerce direct, without romance — the product is slow, buying is fast. This is the route a retail buyer understands in four seconds, and the one that still looks right in ten years.

Palette

#100F0EIndustrial near-blackGround
#F6F2EACreamPage
#F0B98AAmberOnly accent

Voice

Trade catalogue. Declarative, useful, scannable. No metaphor.“Non-alcoholic, wild-fermented in Rotterdam. Three bottles. Wholesale welcome.”

Typography

SLOW DRINKS FOR FAST TIMES

AntonDisplayHeavy condensed grotesque. Legible at three metres on a shelf, and it is the voice of commerce, not of poetry.

Everything we bottle starts in a crate, not a lab.

InterBodyNeutral, without opinion. The product speaks, not the typeface.

No mono layer.

—AccentThis direction has no technical annotation layer. The absence is deliberate: a shop does not annotate itself.

Mobile. Product cards stack, identical in height. Hamburger menu. A single rotating banner replaces the two stacked ones. Nothing else changes — the direction was designed so it would not need special states.