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
6

More converting things to variants.

Apparently, text changes don’t get preserved unless the components in the set all have the same text.

Variants launched today. Time to start slowly porting everything over…

Looks like I’ve hit the private posts limit…

Hello world

ColorBox by Lyft Design

Colorbox is a color tool to produce color sets.

Wondering about color…

Required contrast ratios
- Graphics & UI: 3.0
- AA: 4.5
- AAA: 7.0

Non-critical elements
- Very light background: 1.06
- Keyline: 1.11
- Light background: 1.2
- Darker border 1.6

Base/bg colors
- #FFF
- Very light bg
- Light bg

Color Scales
- Text
- Main color
- Info
- Positive
- Caution
- Critical
- Promote

Tools
- Colorbox to create the general feeling
- Leonardo to set the final colors using the hexes brought in from Colorbox

00:00
norton
norton Design System Starter Kit