https://www.relumedesignleague.com/

https://tonsky.me/blog/form-cleanup/

https://cantunsee.space/

• Hvad indgår i et designsystem?
• Hvorfor designsystemer?
• Hvordan ville I gribe det an?

Designsystemer

Farvepalette

Color tokens

Farvepalette

Farvespektrum

Farvespektrum

Farvespektrum

Farvespektrum

In OKLCH all backgrounds with L≥87% have good contrast with black text.

https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl

Farvespektrum

https://leonardocolor.io/

Typografi

https://utopia.fyi/type/calculator

Spacing

https://utopia.fyi/space/calculator​

Design Tokens

Color tokens

Color tokens

100

200

300

400

500

600

700

800

Color tokens

200

500

800

Color tokens

Color tokens

Designbeslutninger

https://tokenzengarden.design/

https://uxdesign.cc/design-tokens-cheatsheet-927fc1404099

Eksempel (codepen)

https://specifyapp.com/blog/introduction-to-design-tokens

Let's breakdown a digital product:

1. A digital product is composed of features
2. A feature is composed of interfaces
3. An interface is composed of components
4. A component is composed of design tokens

Navngivning

Navngivning

https://designstrategy.guide/design-management/design-tokens-101/

Navngivning

https://www.gerireid.com/design-token-taxonomy.html

Strategi

IRL eksempel

https://nordhealth.design/tokens/