Our in-house design system: tested components, tokens and motion, drawn in Paper and built in React. A head start when a project needs one, never a template.
(01) Inside
Foundations
- Colour in light and dark
- Type scale and spacing
- Corners, shadows and focus rings
- Motion: timings and curves
Components
- Buttons, inputs and selects
- Tables, lists and filters
- Dialogs, drawers and toasts
- Charts and date pickers
Patterns
- Sign-in and onboarding
- Forms that forgive mistakes
- Dashboards and reports
- Empty, loading and error states
(02) How we use it
01
Our system
When speed matters, we start from FP UI’s tested parts and shape them to your brand, so nothing looks off the shelf.
02
Your system
Already have a design system or a component library? We work inside it, follow its rules and leave it stronger.
03
Something new
When the brief calls for a distinct look, we design and build it from scratch, with the same care for the details.