Style Guide
Barvy
primary
#c5052a
bg-primary / text-primary
primary-dark
#7f190e
bg-primary-dark / text-primary-dark
secondary
#f2a474
bg-secondary / text-secondary
secondary-dark
#6f5244
bg-secondary-dark / text-secondary-dark
accent
#ffc65f
bg-accent / text-accent
foreground
#4c231d
bg-foreground / text-foreground
background
#faf8f6
bg-background
brown
#b39486
bg-brown / text-brown
light-brown
#d4ad82
bg-light-brown / text-light-brown
orange
#db934a
bg-orange / text-orange
red
#b52731
bg-red / text-red
Typografie
font-serif (Montserrat)
Aa — H1 text-5xl bold
Aa — H2 text-4xl bold
Aa — H3 text-3xl bold
Aa — H4 text-2xl semibold
Aa — H5 text-xl semibold
font-sans (Montserrat)
Aa — Body large text-lg
Aa — Body base text-base
Aa — Body small text-sm
Aa — Caption text-xs text-gray-500
Tlačítka
bg-primary rounded-full
border-primary text-primary
bg-accent text-primary-dark
bg-secondary text-primary-dark
Karty
Karta — světlá
Ukázkový text karty s bílým pozadím a shadow-md.
bg-white rounded-2xl shadow-md
Karta — tmavá
Ukázkový text karty s tmavým pozadím.
bg-primary-dark rounded-2xl
Karta — secondary
Ukázkový text karty s oranžovým pozadím.
bg-secondary rounded-2xl
Karta — accent
Ukázkový text karty se žlutým pozadím.
bg-accent rounded-2xl
Badges / Tagy
bg-primary text-white
bg-primary-dark text-white
bg-secondary text-primary-dark
bg-accent text-primary-dark
border border-primary text-primary