Ústí nad LabemHUDY Lezecká stěna Ústí
1. 4. – 30. 4. 2027
Konkrétní časový blok domluví stěna s kontaktní osobou školy.
Detail kvalifikačního kola – Ústí nad LabemJednotný vizuální jazyk
Design systém
Tiskový plakát × lezecká stěna × identita ŠBP 2027. Barvy, písmo, komponenty a pohyb, ze kterých se skládá celý web – veřejná část i administrace.
Principy
Tisk, ne obrazovka
Papírový podklad, dvě barvy v přetisku, čisté linky a posunutý „misregistr“ stín u akcí (na telefonu padá svisle: pod kartou vykukuje štos listů). Žádné přechody ani rozmazané plochy.
Fotky a štítek z loga
Skutečné fotky ze závodů a vizuály kampaně 2027. Tvar štítku „POHÁR“ z loga nese stavy a nadpisky.
Pohyb s významem
Dopředu = výš, zpátky = dolů, totéž = přesun. Animujeme transform, opacity a ořez a respektujeme omezení pohybu.
Logo a značka
Oficiální logo ŠBP 2027 a logo pořadatele. Na světlém podkladu tmavá verze, na tmavém a modrém bílá.
ŠBP 2027 · tmavá
ŠBP 2027 · bílá
Pořadatel · Český horolezecký svaz
Barvy
Čtyři původní barvy značky zůstávají. Odstíny slouží jen pro stavy a jemné plochy.
- Noční modř
#101B2A--brand-inkText, tmavé plochy, obrysy - ŠBP modrá
#1658B5--brand-bluePlochy, odkazy, focus - ŠBP červená
#D72E39--brand-redHlavní akce, akcenty - Bílá / křída
#F4F2EC--paper-1Pozadí – papír plakátu
Ink
900800700500400300
Blue
800700600500200100
Red
800700600500200100
Paper
0123
Přetisk (multiply): modrá × červená = noční modř
Typografie
Archivo s proměnnou šířkou – od extra úzkého plakátového řezu po textový. Ručně psaná Mansalva jen pro slogan kampaně.
Display · Archivo 62 % / 900 / verzálky
Vylez výš!
Nadpis sekce · --fs-h2
Oblasti a kola
Mezititulek · 75 % / 800
Od přihlášky po závod
Perex · --fs-lead
Vedeme děti k lezení. Bezpečně, naplno, společně.
Text · 17 px / 1,55
Školní boulder pohár přibližuje dětem sportovní lezení. Jednopísmenné předložky drží pevná mezera, čísla mají pevné mezery mezi tisíci (2 751).
Štítek · 12 px / 0,14 em
Školy · děti · lezení
Slogan · Mansalva (jen kampaň)
Pojď závodit!
Tlačítka
Štítek s posunutým stínem: najetí ho zvedne, stisk ho zamáčkne. Červená jen pro hlavní akci na obrazovce.
Štítky
Tvar štítku „POHÁR“ z loga ŠBP 2027 – zkosený začátek a šipka. Pro stavy, ročníky a krátké nadpisky.
Ročník 2027KvalifikaceVe výroběProběhloTop
FinálePojď závodit
Nadpisek sekce
Formuláře
Pole skládané z částí: popisek, nápověda a chyba se k ovládacímu prvku propojí samy (aria-describedby, aria-invalid).
Prvky
Startovní čísla pro statistiky, skórkarta pro postupy, místo pro chybějící fotografii v barvách značky.
2 751dětí
12kvalifikačních kol
SkórkartaŠkolní boulder pohár
Krok 1: Krok s odškrtnutím
Řádek se odškrtne, když dojede do zorného pole.
Celkem1 × TOPHotovo
Oblasti a kola
Mapa ČR složená z dílů (obrys, body, kroužek, poloha návštěvníka), karta stěny podle V6, kalendář kvalifikací a proběhlá kola. Ukázky počítají s modelovým dnem 10. 4. 2027.
12345
- Proběhlo · 2027Detail kola – Praha
Praha · Jungle Sport Park Letňany
1. 3. – 31. 3. 2027
- Proběhlo · 2027Detail kola – Jihlava
Jihlava · Boulder bar Točna
5. 4. – 9. 4. 2027
Odpočet
Dny jako velké obrysové číslo s texturou stěny, které se plní červenou, jak se finále blíží. Číslice při změně vyjedou zespodu nahoru, jednotky se skloňují. Mimo obrazovku odpočet stojí, s omezeným pohybem jede po minutách bez animací.
Do finále zbývá
Do finále: 4. června 2027, 9:00.
Pohyb
React <ViewTransition> + typy přechodů. Každá animace něco sděluje – jinak ji nepřidáváme.
nav-forwardVýstupHlouběji v hierarchii (úvod → podstránka, přehled → detail). Nová stránka přijede zespodu.nav-backSestupVýš v hierarchii (detail → přehled, podstránka → úvod). Obráceně – slaňujeme dolů.nav-lateralTraverzMezi sourozeneckými stránkami jen prolnutí, žádný směr.title-morphSdílený nadpisČíslo a nadpis z rozcestníku se přesunou do hlavičky podstránky.photo-morphSdílená fotkaFotka „Co je ŠBP“ z úvodu přeletí do hlavičky stránky O soutěži.map-morphSdílená mapaMapa z přehledu stěn přejede do hlavičky detailu kola; mezi koly se posune jen červená značka.finale-morphSdílené slovoObrysové „Finále“ z pásu na úvodu se při příchodu vyplní do nadpisu stránky Finále.year-morphSdílený letopočetLetopočet z karty ročníku v archivu přejede do hlavičky detailu ročníku.coordinator-avatarSdílené iniciályIniciály koordinátorky přeletí z rychlého kontaktu v hlavičce (nebo z menu) do karty na stránce Kontakty.nav-next / nav-prevPosun v řaděMezi ročníky v archivu: novější přijede zprava, starší zleva.
Posuvný indikátor + výměna obsahu
Kvalifikace: Kvalifikační kola na partnerských lezeckých stěnách.
Vstup a odchod prvků
- Praha
- Brno
- Ústí nad Labem
--ease-outcubic-bezier(.22, 1, .36, 1)Příchody, odhalení--ease-cruxcubic-bezier(.7, 0, .2, 1)Přechody stránek, posuny, odkrytí fotek--ease-snapcubic-bezier(.34, 1.56, .64, 1)Pružné „cvaknutí“ (štítky, body na trase)