Design System

Tesanka Tokens

Přehled všech barev, typografie, komponent a tokenů použitých na webu Tesanka.

Barvy

Background--background

Foreground--foreground

Primary--primary

Primary Foreground--primary-foreground

Secondary--secondary

Secondary Foreground--secondary-foreground

Accent--accent

Accent Foreground--accent-foreground

Tertiary--tertiary

Tertiary Foreground--tertiary-foreground

Muted--muted

Muted Foreground--muted-foreground

Destructive--destructive

Card--card

Border--border

Typografie

Heading — Montserrat

Nadpis H1

Nadpis H2

Nadpis H3

Body — Montserrat

Toto je základní odstavcový text. Montserrat 400 regular, 16px.

Menší text — 14px, muted foreground.

Extra malý text — 12px.

Logo — Orbitron

tesanka

Subheadline

Accent subheadline

Tlačítka

CTA — Rezervovat

Karty

Název karty

Popis karty s muted foreground barvou.

Obsah karty.

Primary karta

Dark background variant.

Obsah na tmavém pozadí.

Accent karta

Gold accent variant.

Accent background.

Logo

Positive — na světlém pozadí

Negative — na tmavém pozadí

tesanka

Ostatní tokeny

Border radius:--radius: 0rem (sharp edges)

Gradient:Text gradient gold

Tertiary (Teal)

Použito na notice banner