Design Systems — Quiz

Answer all 5 questions, then submit. You need 60% to pass. Log in to save progress.

Question 1

What are design tokens?

A Login credentials

B Named, reusable values like colours and spacing — your design's single source of truth

C A type of font

D JavaScript variables only

Question 2

Which CSS feature do you use to implement design tokens?

A ids

B Custom properties (variables)

C !important

D Media queries

Question 3

Why is a consistent spacing scale (4/8/16/24…) useful?

A It loads faster

B It makes layouts feel rhythmic and intentional instead of slightly off

C It's required by CSS

D It changes colours

Question 4

What is a 'component' in a design system?

A A single CSS property

B A reusable, named piece (like a button or card) built once and reused

C A browser

D A media query

Question 5

What is the main benefit of tokens plus components?

A Slower development

B Consistency and one-place updates across the whole product

C More code to maintain

D It only helps large teams