Design System Reference

Style Guide

Typography

Heading 1

.h1 PP Neue Montreal Regular · scale: var(--font-heading-h1-scale)

Heading 2

.h2 PP Neue Montreal Regular · scale: var(--font-heading-h2-scale)

Heading 3

.h3 PP Neue Montreal Regular · scale: var(--font-heading-h3-scale)

Heading 4

.h4 PP Neue Montreal Regular · scale: var(--font-heading-h4-scale)

Heading 5

.h5 PP Neue Montreal Regular · scale: var(--font-heading-h5-scale)

Heading 6

.h6 PP Neue Montreal Regular · scale: var(--font-heading-h6-scale)

Body medium

p, body

Body medium Strong

.font-weight-semibold

Label text - Best seller

.text-label

Caption text - Best seller

.caption

ACCENT

0123456789

.accent

Buttons

Primary + Dot

Primary

Secondary + Dot

Secondary
Arrows

Active

Disabled

Product Cards

Params: product_card_product · media_size (square / portrait / landscape) · show_secondary_image · show_vendor · show_desc · show_sku · section_id

Square ratio variant

Afterhours™ Variety Pack Afterhours™ Variety Pack

Afterhours™ Variety Pack

£25.00
£25.00
Bliss Afterhours™ Tablets

Bliss Afterhours™ Tablets

£10.00
£10.00
Pulse Afterhours™ Tablets Pulse Afterhours™ Tablets

Pulse Afterhours™ Tablets

£10.00
£10.00
Rush Afterhours™ Tablets Rush Afterhours™ Tablets

Rush Afterhours™ Tablets

£10.00
£10.00