Storefront

Design system

Tokens and components for the EUP storefront, from the 2026 redesign. Components live in @gblab/storefront-primitives; EUP’s colours and fonts are its theme.

Colour

--gb-color-brandNavy: header text, title bands, primary buttons
--gb-color-brand-deepDeep navy: footer, buttons on coral
--gb-color-accentCoral: rules, badges, focus rings, calls to action
--gb-color-accent-textCoral for text on white
--gb-color-accent-softSoft coral: italic emphasis on navy
--gb-color-inkBody text
--gb-color-ink-mutedSecondary text
--gb-color-tintSoft panels, hover
--gb-color-tint-strongText on navy
--gb-color-lineBorders
--gb-color-line-strongChip borders
--gb-color-saleSale prices

Type

Newsreader display

Section heading, Newsreader 34

Card heading, Newsreader 22

Eyebrow label

Body text is Open Sans at 15–18px with generous leading, kept to about 52 characters for intros. Links draw an underline on hover.

Buttons and chips

Outline

Flags and prices

NewPre-orderSaleOpen accessBestseller

£24.99Paperback

Sale price £70.00was £100.00

Sale price £110.00was £140.00Hardback

Book cards

People

Head of Publishing

[Name]

[Optional one-line introduction.]

Calls to action

Ready to pitch your book?

Read our guidance before you get in touch with an editor.

See the components assembled into a page: Meet the books editorial team.