Brand kitLogos · colours · typefaces · signature

Brand

Everything you need to use LesWWW properly: vector logos and large PNGs, palette, typefaces, colour rules, wallpapers.

Signature

The three Ws of the logo are the method: the reason, the test, the decision. Use it as is, in English.

WhyWhatWhich way

Why. What. Which way.

The reason. The test. The decision.

Logos

Big Shoulders 800 wordmark, converted to outlines: no font required. Squares are 4000 × 4000 px.

Colours

Black & white for structure, three fluorescent accents for meaning. Dark values apply in dark mode.

  • Paper

    Page background.

    LightDark
  • Ink

    Text, rules, dark fills.

    LightDark
  • Ink soft

    Secondary text, labels.

    LightDark
  • Line

    1px borders.

    LightDark
  • Tag

    Tag and callout background.

    LightDark
  • Accent

    Interactive only: buttons, live status, underlines.

    LightDark
  • Pop 2

    Fiction, deliberate satire.

    LightDark
  • Pop 3

    Real, verified, measured.

    LightDark

Typefaces

Three open-source families (OFL licence), one per role.

  • Big Shoulders

    800 · uppercase

    Headings, logo, numbers.

    Google Fonts ↗

    Why. What. Which way.

  • Public Sans

    400 – 600

    Body text.

    Google Fonts ↗

    Pourquoi, quoi, par où : on cadre, on teste, on tranche.

  • IBM Plex Mono

    400 · uppercase

    Labels, navigation, tags, buttons.

    Google Fonts ↗

    Consultant innovation · Lille

Usage rules

  1. Fluorescent colours are never body text on white: always a solid fill behind black text, a shape or an underline.

  2. Each accent keeps one meaning: lime = interactive, cyan = real, pink = fiction.

  3. No shadows, no rounded corners (except pill tags): 1px borders and flat fills.

  4. Page titles in bold sentence-case Public Sans; section titles in uppercase Big Shoulders; labels in uppercase mono; body in Public Sans.

  5. Every page opens with the same header: pill, label, title, lead.

  6. Keep clear space of at least half the logo’s height. Don’t distort it or recolour it outside the provided versions.

Wallpapers

The wordmark on the brand colours, repeating patterns (Ws, loops, sparkles, arrows, iterations, cursors, code, signature), the three Ws writ large and the iteration symbol. Phone 1290 × 2796 px, desktop 3840 × 2160 px (4K).

Core components

The building blocks found across the site.

TagLiveRealFictionSoon
Call to action →On lime →
Callout

A short emphasised statement, ruled in ink.

Big flat colour