Kevin De Baerdemaeker

Design Systems

Modified 2023-11-11

A design system is not a UI kit, because you need communication with the development team, designers, business etc.

Typography

There's a lot of type scale out there and they have been somewhat standardized throughout human history. The easiest one to apply is the ~1.62 golden ratio scale, and if you don't know much about Typography is a good starting point.

Title/h1
h2
h3
Subtitle (big copy)
Strong (bold)
Em (emphasized)
Body copy
Small copy (error messages in textfield)
Button text
Pre-title

Inspiration

IDEA Build it in Figma: Create a Design System — Foundations - YouTube

IDEA Building blocks: Jumping into design systems - YouTube

IDEA Create a Design System with Figma - Full Course - YouTube

IDEA gridless.design

IDEA GitHub - brave/leo: Design tokens for the Brave's design system known as Leo

IDEA User Experience Stack Exchange