ISF design system
A first draft of the design system of Ingénieurs sans frontières (ISF).
At a glance
- TypeScript, Next.js
Tags
A first draft of the design system of Ingénieurs sans frontières (ISF), built with Next.js and documented in Storybook.
The palette is rooted in nature: ocean teals, sandy ivories and warm coppers, which echo the organisation's commitment to sustainable engineering in varied environments. Each of its eight colours (Deep Ocean, Forest, Ivory Sand, Golden Dune, Copper, Midnight, Sky Mist and Stone) comes as a range of ten shades, so that components, backgrounds and text all find a value in it.
The foundations also cover the logo and identity, radius, shadows, spacing and typography, followed by a library of components such as accordions, alerts, buttons, cards, modals, tabs and inputs, each with its variants and states.
