Sports nutrition, made in Belgium. The marks, colours and type that carry it.
The wordmark runs horizontal by default, with the red rule cutting under it. Twelve variants cover every surface: full-colour and mono, light and dark, horizontal, vertical and mark.
Core logo.
The mono variants are for monotone output: black-and-white print, a single-colour stencil, engraving or embossing, or anywhere the full-colour logo cannot be reproduced.
Clear space.
Give it room
Keep clear space equal to the height of the wordmark on all four sides. Never redraw the red rule, never recolour it, and never set the full-colour lockup on a busy image. Use a mono variant instead.
Red on black, cut with bone white. #E52321 is the brand red and does the shouting; black and near-white do the rest. The greys are for text hierarchy, not decoration.
Visual balance.
Each part of the circle represents how much of this colour should roughly be used in the system. Creativity is encouraged for special use-cases (promo, posters, etc.) but clean branded work should respect it.
- Final Red8%
- Ink Black20%
- Bone White42%
- Pure White14%
- Slate Grey9%
- Ash Grey3%
- Signal Red2%
- Mist Grey2%
Bebas Neue sets every headline: condensed, uppercase, no alternative. Open Sans carries body copy and UI at weight 500. Two faces, no exceptions.
Hero typeface — display and headlines (h1-h6). Google Font, weight 400 only.
Body typeface — copy, UI, buttons. Google Font, weight 500 default, 700 for buttons.
Every step in the system.
Headings
- H1Display heading set in the hero face.64px
- Font
- Bebas Neue Regular 400
- Desktop
- 64 / 64 px
- Tracking
- 0.0%
- Case
- Normal case
- H2Section title built from the same hierarchy.54px
- Font
- Bebas Neue Regular 400
- Desktop
- 54 / 58 px
- Tracking
- 0.0%
- Case
- Normal case
- H3Body face at the largest editorial step. Use it for opening passages and emphatic statements.32px
- Font
- Bebas Neue Regular 400
- Desktop
- 32 / 38 px
- Tracking
- 0.0%
- Case
- Normal case
- H4Body face at the mid-editorial step. Used for sub-headings and lede paragraphs.28px
- Font
- Bebas Neue Regular 400
- Desktop
- 28 / 34 px
- Tracking
- 0.0%
- Case
- Normal case
- H5Caption-style heading24px
- Font
- Bebas Neue Regular 400
- Desktop
- 24 / 29 px
- Tracking
- 0.0%
- Case
- Normal case
- H6Smallest heading20px
- Font
- Bebas Neue Regular 400
- Desktop
- 20 / 24 px
- Tracking
- 0.0%
- Case
- Normal case
Body
- Body BaseBody face at the running text scale. Comfortable for paragraphs of up to 70 characters per line.16px
- Font
- Open Sans Medium 500
- Desktop
- 16 / 27 px
- Tracking
- 0.0%
- Case
- Normal case
- Body SmallBody face at the small annotation scale. Captions, footnotes, table cells.14px
- Font
- Open Sans Medium 500
- Desktop
- 14 / 24 px
- Tracking
- 0.0%
- Case
- Normal case
Labels / Accent
- CaptionBrand guide / Version 1.012px
- Font
- Open Sans Regular 400
- Desktop
- 12 / 16 px
- Tracking
- 0.8%
- Case
- All caps
- ButtonTake action12px
- Font
- Open Sans Bold 700
- Desktop
- 12 / 22 px
- Tracking
- 0.0%
- Case
- All caps
- Usage
- Typography pointers for button text. Scraped verbatim from the kit's button rule.
- LabelSection label14px
- Font
- Open Sans Medium 500
- Desktop
- 14 / 18 px
- Tracking
- 0.0%
- Case
- Normal case
Every button on every colour of the palette. Each background gets its own set, so contrast holds wherever a button lands. Hover and press to try them live.
Two sets. Marketing icons carry the brand's message; functional icons do the everyday work. Both come in three colours, each matched to its surface.
For interfaces and labels, use the brand’s functional icons.
- Stroke1.5 px
- Grid24 × 24
- Caps & joinsRound
- 162440SizesS · M · L px
Need help implementing this brand?
