Web Brand Guidelines
Colors
--brand-color-01 = var(--brand-color-01)
--brand-color-02 = var(--brand-color-02)
--brand-color-03 = var(--brand-color-03)
--brand-color-04 = var(--brand-color-04)
--brand-color-05 = var(--brand-color-05)
--brand-color-06 = var(--brand-color-06)
--primary = var(--primary)
--black = var(--black)
--white = var(--white)
--dark-grey = var(--dark-grey)
--light-grey = var(--light-grey)
--accent = var(--accent)
System Colors
Error = #da0000
Success = #6fc16b
Typography
Head color: var(--brand-color-01)
Body color: var(--primary)
Primary font: var(--font-family-base)
Body Font size: var(--font-size-base)
Line height: 1.5
Font weight: 400
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in dui mauris. Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor.
Bold
Italic
Underline
Strikethrough
Call to actions / buttons
Buttons
Outlined CTA
Filled CTA
Spacing scale
--space-1
--space-2
--space-3
--space-4
--space-5
--space-6
--space-7
--space-8
Form tokens
--btn-radius
--btn-font-size
--btn-line-height
--btn-border