About Nutri-Score
Nutri-Score turns a full nutrient-profiling model into a single row of five rounded blocks. A to E, deep green to deep orange-red, and the product's own grade is pulled out of the row, enlarged, with its letter knocked out in white.
The system here keeps to that module's rules: a white field, six fixed colours, Raleway in every weight, and exactly one promoted step on any ramp. It reads like a regulation, because it is one.
- Origin
- France / Western Europe
- Era
- 2017–present (French decree 31 October 2017; adopted across seven countries 2018–2021)
- Key figures
- Serge Hercberg · Santé publique France · UK Food Standards Agency
- Movements
- Front-of-pack nutrition labelling · Graded colour-coded public health signalling · Traffic-light label lineage
Nutri-Score design spec
Colors
Background
Surface
Primary
Secondary
Accent
Text
Typography
RalewayHeadings
Unlock for 1 credit
The other 11 sections — buttons, cards, spacing, motion, techniques and more — open once you unlock. Download the DESIGN.md or send it to your AI in one click. Unlock once, yours forever.
Sign up nowHave an account? Sign in
Styles similar to Nutri-Score
Also inspired by science & nature, with a close feel.
Salt Crystal EvaporiteCrystalline and cold. Salt-white cubes float over turquoise brine in a hard lattice.
Holstein Friesian DairyMilk-white turns graphic. Hard black hide patches, 2px borders, and one red accent.
Giant's Causeway BasaltCold stone edits the page. Spectral type locks into slate hex grids and iron-oxide hairlines.
Glacier Blanket ProjectA survey, not a postcard. Fleece-white ground, blue only at seams, mono units, red spent once.