Na této stránce
Korporátní písmo
Big Shoulders Text je nosné písmo značky KELLYS. Úzký, sportovní grotesk s vysokou střední výškou drží i ve velkých velikostech kompaktní řádek – proto se používá na nadpisy, názvy kategorií, hlavní navigaci a bannerové titulky.
Tip
Náhled i tester níže běží na skutečném souboru písma – co si napíšete, uvidíte ve správném řezu.
Stáhnout všechny řezy (ZIP)
Rodina na Google Fonts
Jak se používá na webu KELLYS
Zobrazit
Kde se objevuje
- Titulky bannerů a hlavní nadpisy – ExtraBold 800, 50–60 px
- Názvy kategorií – ExtraBold 800, 40 px, verzálky
- Hlavní navigace a drobečková navigace – Bold 700, 14–16 px, verzálky
- Nadpisy skupin produktů a atributů – Bold 700 až Black 900
Pravidla sazby
- Nadpisy a navigace se sázejí verzálkami s mírným prostrkáním (0,25–0,5 px).
- Prokládání řádků u velkých titulků držte těsné (100 % velikosti písma) – písmo je úzké a velká mezera řádek rozpadá.
- Regular 400 slouží jen na delší nadpisy a popisky; na běžný text použijte Roboto.
Licence
Big Shoulders Text je pod SIL Open Font License – smí se volně používat, vkládat do dokumentů i předávat dodavatelům. ZIP obsahuje statické řezy i variabilní font (váha 100–900).
Doplňkové písmo
Roboto Condensed nese funkční vrstvu rozhraní – tlačítka, záložky, ceny, názvy produktů a titulky stránek. Je užší než Roboto, takže se do stejné šířky vejde víc informace, a přitom zůstává neutrální.
Stáhnout všechny řezy (ZIP)
Rodina na Google Fonts
Jak se používá na webu KELLYS
Zobrazit
- Tlačítka – Bold 700, cca 15 px, prostrkání 0,04 em
- Názvy produktů v kartě – Black 900, 24 px
- Ceny – ExtraBold 800, 24 px, verzálky; přeškrtnutá cena Medium 500, 22 px
- Titulek stránky a záložky – Bold 700, verzálky
- Nadpisy a odkazy v patičce – Bold 700, 22 px, verzálky
Písmo pro běžný text
Roboto je základní textové písmo – běžné odstavce, popisky, formuláře a systémová hlášení. Na webu je nastavené na body, takže tvoří výchozí vrstvu, ze které ostatní dvě písma vystupují.
Stáhnout všechny řezy (ZIP)
Rodina na Google Fonts
Jak se používá na webu KELLYS
Zobrazit
- Běžný text – Regular 400
- Popisky v kartách a patičce – Regular 400, 12–14 px
- Zvýraznění a nadpisy v patičce – Bold 700 až Black 900, 14–16 px, verzálky
- Pořadí náhrad na webu: Roboto → Arial → Helvetica → sans-serif
Pravidla sazby
Tři písma mají jasně oddělené role. Dodržení hierarchie je důležitější než jednotlivé velikosti – ty se liší podle média.
- Big Shoulders Text = hlas značky. Nadpisy, názvy kategorií, navigace, kampaňové titulky. Zásadně verzálkami.
- Roboto Condensed = rozhraní. Tlačítka, ceny, záložky, titulky stránek, patička.
- Roboto = obsah. Odstavce, popisky, formuláře, e‑maily.
- Nemíchejte role. Delší text nikdy nesázejte Big Shoulders – úzký grotesk se na velkém množství textu špatně čte.
- Základní text se sází černou, případně odstíny šedé; na tmavém podkladu bílou.
- Náhrada za jiný typ písma než uvedená systémová (Arial / Helvetica) poškodí jednotný vizuální styl značky.
Písmo v logu a claimu
Logotyp i sestavy s claimem jsou pevná vektorová kresba – písmo v nich je převedené do křivek.
Upozornění
Přesazení nápisů v logu jiným písmem je zakázaná úprava loga – viz „Čemu se vyhnout“ na stránce loga.
Doplňkové nápisy BIKE COMPANY a SINCE 1991 a text claimu EVERY BIKE HAS A MISSION byly vysázené písmem Helvetica Neue Condensed Bold a jsou od té doby součástí kresby loga. Nejsou tedy živým textem a nepřesazují se – ani po přechodu na Big Shoulders Text.
Prakticky to znamená:
- Logo a claim vždy vkládejte jako hotový soubor z logopacku, nikdy je nepřepisujte.
- Claim použitý jako běžný text v komunikaci (mimo logo) se sází korporátním písmem Big Shoulders Text.
- Helvetica Neue už není korporátní písmo značky – žije jen uvnitř kresby loga.
Přehled řezů a jejich použití
Řezy a velikosti odpovídají nastavení webu kellysbike.com.
| Písmo a řez | Typické použití |
|---|---|
| Big Shoulders Text ExtraBold 800 | Titulky bannerů (50–60 px), názvy kategorií (40 px) |
| Big Shoulders Text Bold 700 | Hlavní navigace, drobečková navigace, nadpisy atributů |
| Big Shoulders Text Black 900 | Nadpisy skupin produktů |
| Big Shoulders Text Regular 400 | Delší nadpisy, doplňkové popisky |
| Roboto Condensed Black 900 | Názvy produktů v kartě (24 px) |
| Roboto Condensed ExtraBold 800 | Ceny (24 px, verzálky) |
| Roboto Condensed Bold 700 | Tlačítka, záložky, titulek stránky, patička |
| Roboto Condensed Medium 500 / Regular 400 | Přeškrtnutá cena, položky podnavigace |
| Roboto Regular 400 | Běžný text, popisky, formuláře |
| Roboto Bold 700 / Black 900 | Zvýraznění, nadpisy v patičce |
| Arial / Helvetica | Systémová náhrada – dokumenty, e-maily, prostředí bez webových písem |
Arial
Tam, kde nelze načíst webová písma – v kancelářských dokumentech, e‑mailových šablonách nebo v prostředí bez přístupu na Google Fonts – nastupuje systémová náhrada. Web kellysbike.com má stejné pořadí: Roboto, Arial, Helvetica, sans-serif.
| Platforma | Písmo |
|---|---|
| PC | Arial |
| MAC | Helvetica |
Používání písem
Kde se používá které z korporátních písem a kde jeho systémová náhrada.
| Použití písma | Big Shoulders Text – headlines and navigation | Roboto Condensed – buttons, prices, captions | Roboto – body text | Arial / Helvetica (system fallback) |
|---|---|---|---|---|
| Webdesign | ||||
| Mobilní aplikace | ||||
| Sdílené online dokumenty | ||||
| Offline dokumenty | ||||
| Marketingové tiskoviny | ||||
| E-maily |