Logo
Značka Carnado — „Funnel-C“
Primární lockup
CarnadoInverzní (tmavé pozadí)
CarnadoIcon-only mark (app icon)
Monochrom
Vír ze čtyř zúžujících se „speed-ribbon“ stuh tvořících trychtýř; levá hrana naznačuje písmeno „C“. Intro: roztočení + postupný nástup stuh (~1,1 s, ease-out). Hover: zesílení víru. Při prefers-reduced-motion statické logo.
Barvy
Paleta — bouře + energie
Storm (charcoal-navy základ)
storm-50
storm-100
storm-200
storm-300
storm-400
storm-500
storm-600
storm-700
storm-800
storm-900
storm-950
Accent (amber → orange „ember“)
accent-50
accent-100
accent-200
accent-300
accent-400
accent-500
accent-600
accent-700
accent-800
accent-900
Brand gradient (ember)
Typografie
Sora (display) + Inter (UI)
Měřítka
Spacing, radii a elevace
Spacing
Radii
Elevace
Pohyb
Motion tokeny
Durations
--duration-fast150msMikro-interakce (press, toggle)--duration-base220msStandardní hover/přechod--duration-slow400msVstup sekce, reveal--duration-hero1100msHero moment (intro loga)
Easings
- cubic-bezier(.16,1,.3,1)
--ease-stormRozhodný výjezd (vstupy) - cubic-bezier(.34,1.56,.64,1)
--ease-springLehký přesah (hravost) - cubic-bezier(.4,0,.2,1)
--ease-standardNeutrální přechod
Komponenty
Mikro-animace a hover efekty
Tlačítka — hover lift + glow, active press
Search field — focus ring
Animovaný odkaz
Prohlédněte si varianty loga nebo paletu barev.
Loading shimmer
Karty — elevate + parallax tilt (najeďte myší)
Škoda Octavia
349 000 Kč
2019 · 78 000 km · Diesel
VW Golf
349 000 Kč
2019 · 78 000 km · Diesel
BMW řada 3
349 000 Kč
2019 · 78 000 km · Diesel
Vstup sekce
Scroll-reveal
Každá sekce této stránky používá komponentu <Reveal/> — obsah nabíhá zdola při vstupu do viewportu (IntersectionObserver), s respektem kprefers-reduced-motion.