Fernlight design system

React + TypeScript · Light and Dark · Generated today, 10:42

Foundations Complete

Themes 2 of 2

Components 18 of 22

Documentation In progress

Needs your decision

3 open

Failed checkPrimary action is 3.2:1 on dark surfacesLinks and focus rings need 4.5:1 and 3:1. An AI suggestion is ready. Review

ChoiceFocus ring styleTwo options shown on Button, Input and Tabs. Compare

ApprovalType scale8 steps, 12–40 px, IBM Plex Sans.

212Passed

2Failed

5Needs review

Date picker — used by Onboarding4 screens

File upload — generating1 screen

AI suggestionUse teal.400 for color.action.primary in DarkNot applied · 10:44

ApprovedPrimary colour #0F766E locked from brand guidelinesYou · 10:31

DraftControl radius changed from 8 to 10 pxYou · 10:20