Design system

Internal reference for colours, type and components. Not indexed.

Colours

--color-bg
--color-surface
--color-surface-sunken
--color-text
--color-text-muted
--color-primary
--color-primary-soft
--color-gold
--color-gold-soft
--num-1
--num-2
--num-3
--num-4
--num-5
--num-6
--num-7
--num-8
--num-9
--num-master

Typography

The quick brown fox

The quick brown fox

The quick brown fox

Body text at reading size. Numbers 0123456789. Vietnamese: Nguyễn Thị Thủy, Đặng Hữu Phước.

Buttons

BadgeBadgeBadge

Numbers

1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
10
10
11
11
22
22
33
33

Birth charts

Birth chart: how often each digit appears in the date of birth
Digit 3: 1Digit 6: noneDigit 9: 2
Digit 2: 1Digit 5: noneDigit 8: 1
Digit 1: 3Digit 4: noneDigit 7: none
  • Arrow of Planning1-2-3
  • Empty arrow: Frustration4-5-6
Birth chart: how often each digit appears in the date of birth
Digit 3: noneDigit 6: 1Digit 9: 1
Digit 2: 1Digit 5: 1Digit 8: 1
Digit 1: 1Digit 4: noneDigit 7: 1
  • Arrow of Activity7-8-9
  • Arrow of Emotional Balance2-5-8
  • Arrow of Determination1-5-9
Birth chart: how often each digit appears in the date of birth
Digit 3: noneDigit 6: noneDigit 9: 2
Digit 2: 1Digit 5: noneDigit 8: 1
Digit 1: 2Digit 4: noneDigit 7: none
  • Empty arrow: Frustration4-5-6
  • Empty arrow: Scepticism3-5-7

Share card (exported image)