First 'Internal Friday'
100 Days in a Row
Third Lunation
Second Successful Lunation
First Successful Lunation
Made the journal public
📐

Design System Starter Kit

Build a library of flexible and un-styled components to start or supplement design system projects. Anyone can jump in the file below
229 entries
Started Apr 30, 2020
norton

Mostly small scattered stuff today
- Deleted a bunch of button variants that Auto Layout 3 has made redundant. 72 → 36
- Made a "Font Awesome backfill" component
- Made a tiny horizontal rule and tested some more common patterns

Adding AL v3 to all the inputs. No visible changes, but they’re a bit more flexible when things wrap and you can change the padding/spacing in instances

Trying to put together color scales bu starting with these required contact ratios and building around them. I’m using this tool called Leonardo to place some steps between the bottom of the range ~1.05 and the first required contrast ratio. Not sure how the tool is doing this or what the pattern here is, but I’ll use it for now. then maybe reference some other color scales

- AAA Normal Text (7:1)
- AA Normal Text (4.5:1),
- AA graphics and ui components (3.1)

Adding Auto Layout v3 stuff all month. Almost none of this will be visibly different. Going to try to mix in some stuff that couldn’t be made with previous versions of auto layout. e.g. stuff with different padding values

00:00
norton
norton Design System Starter Kit