The bertiaux.fr guidelines.
Everything the site is made of: the monogram, colours, typefaces, rules, icons, and the concept in seven slides. Files to download.
The concept in 7 slides
One idea per slide, each backed by proof on the site. 16:9 (1920 × 1080) for a presentation, 4:5 (1080 × 1350) for a LinkedIn carousel.
LinkedIn carousel (PDF)
Monogram and favicons
FB in Big Shoulders 900, outlined, with the site's lime dot. The same drawing is used for the browser tab, the phone home screen and the app.
Colours
Black and white for structure, a single fluorescent colour for action. The right-hand chip gives the dark mode value.
-
Paper
Page background.
Light Dark
-
Ink
Text, rules, dark fills.
Light Dark
-
Ink soft
Secondary text, labels.
Light Dark
-
Line
1px borders.
Light Dark
-
Tag
Callout background.
Light Dark
-
Accent
Lime: buttons, highlights, what you act on.
Light Dark
Typefaces
Three open-source families (OFL licence), one per role, self-hosted.
-
The framing does.
-
The tool doesn't make the project. The framing does.
-
Innovation consultant · Lille
Usage rules
Lime is a fill, never text on white: behind black text, as an underline or a shape.
Headings in uppercase Big Shoulders, often on two lines: the second one in outline.
Labels in uppercase, letter-spaced IBM Plex Mono. Body text in Public Sans.
An animation moves or thickens. It never hides content on load.
When the weight changes, each letter keeps its width: nothing around it moves.
Asked for less motion? Everything shows flat. The keyboard focus ring always stays visible.
No shadows, no rounded corners except the round contact buttons. 1px rules and flat fills.
Icons
24 grid, 2.25 stroke, square caps. They take the colour and size of the text.
Components
The building blocks found on every page.
L'outil ne fait pas the framing does.
Frame.
Share images
What LinkedIn, Slack or WhatsApp show when a page is shared. 1200 × 630 px.
Portrait
The official black and white photo. Free to use to introduce Florent Bertiaux (interview, talk, jury).
Download (JPG, 900 × 1200)
