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
1

I need to avoid making a ton of variants.

Here, instead of making "Label" and "Label + helper text" variants of text fields, textareas, and dropdowns, you can just instance swap what’s inside the "Label" and "Label + helper text" components.

We’ll see if this ends up being the best approach

The variants feature is new and still in flux. They made a change last night and now text overrides will be preserved, even if the components in the set have different text.

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