Skip to main content
BrewMarkBREWMARK

Design Review

Embed Card Designs

Five design directions for the BrewMark recipe embed card. All use mock data from Onyx Honduras Benjamin Paz SL28.

Design A

Current — Box Grid

The existing production design. Boxed stat cards, tab navigation, warm paper background.

Honduras Benjamin Paz SL28

Onyx Coffee Lab

4.5

Grind

1:16.5

Ratio

20g

Coffee

330g

Water

Brew Time2:45
Water Temp206°F
brightV60
powered by BrewMark

Design B

Editorial — Clean Grid

White card with numbered header. Pill-style method selector. 3-column data grid — more airy and magazine-like.

01 — Recipe

Honduras Benjamin Paz SL28

Orange marmalade, black tea, golden raisin

Grind

4.5

Ratio

1:16.5

Time

2:45

Dose

20g

Water

330g

Temp

206°F

Onyx Coffee Lab

BrewMark

Design C

Dark — Ink Mode

Inverted Ink (#2C2416) background with gold accents. Underline tab navigation. Hero grind/ratio numbers.

Onyx Coffee Lab

Honduras Benjamin Paz SL28

Orange marmalade, black tea, golden raisin

Grind Setting

4.5

Ratio

1:16.5

Dose

20g

Water

330g

Time

2:45

Temp

206°F

brightBrewMark

Design D

Bauhaus — Geometric Grid

Heavy black borders, primary color blocks (blue dose, yellow water, red active tab). Most distinctly Bauhaus.

Brew GuideV60

Honduras Benjamin Paz SL28

Roasted by Onyx Coffee Lab

Grind

4.5

Ratio

1:16.5

Dose

20g

Water

330g

Brew Time

2:45

Water Temp

206°F

Orange marmalade, black tea, golden raisinBrewMark

Design E

Modern — Gradient Header

Blue gradient header with white chips. Hero metrics with oversized numbers. Compact secondary bar. Softer shadow.

Onyx Coffee Lab

Honduras Benjamin Paz SL28

Grind

4.5

Ratio

1:16.5

Time

2:45

20g

Coffee

330g

Water

206°F

Temp

Orange marmalade, black tea, golden raisin

BrewMark