Style Guide
Určeno pro interní použití společnosti STAV KONT development s.r.o.
v rámci realizace grafického návrhu webu www.stavkonthouse.cz.
Šíření bez předchozího svolení vlastníka a tvůrce zakázáno
Barvy
#ECBC40
CTA Barva
#FFCE50
CTA barva po najetí
#282828
Primární nadpisy
#54595F
Odstavce
#7A7A7A
Sekundární nadpisy
#EDEDED
Pozadí sekce
#E6E6E6
Rámečky, linie
Typografie
Aa
Poppins
Black
Black
SemiBold
SemiBold
Aa
Regular
Regular
H1
Poppins – SemiBold
Font-size: 55px
Letter-spacing: normal
Line-height: 1,3em
Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor.
H2
Poppins – SemiBold
Font-size: 35px
Letter-spacing: normal
Line-height: 1,3em
Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor.
H3
Poppins – Bold
Font-size: 22px
Letter-spacing: normal
Line-height: 1,3em
Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor.
H4
Poppins – Bold
Font-size: 18px
Letter-spacing: normal
Line-height: 1,3em
Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor.
Odstavce
Poppins – Regular
Font-size: 16px
Letter-spacing: normal
Line-height: 1,3em
Nulla porttitor accumsan tincidunt. Proin eget tortor risus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vivamus suscipit tortor eget felis porttitor volutpat. Pellentesque in ipsum id orci porta dapibus. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a.
Typografické odsazení
Lorem ispum dolor sit.
Cras ultricies ligula sed magna dictum porta. Cras ultricies ligula sed magna dictum porta. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Pellentesque in ipsum id orci porta dapibus.
Lorem ipsum
Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.
Bold, link, underline, cursive
Nulla porttitor accumsan tincidunt. Proin eget tortor risus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vivamus suscipit tortor eget felis porttitor volutpat. Pellentesque in ipsum id orci porta dapibus. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a.
Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui.
Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui.
Seznamy
Velikost ikony: 17px
Odsazení ikony: 10px
Odsazení položek: 5px
- Cras ultricies ligula sed magna dictum porta.
- Vivamus magna justo.
- Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui.
- Lorem ipsum
- Vestibulum ac diam
- Elementum sed sit amet dui.
Odkaz v seznamu - výchozí stav
- +420 777 888 999
Odkaz v seznamu - po najetí
- +420 777 888 999
Tlačítka a odkazy
Primární a sekundární tlačítka
Roboto – Bold
Font-size: 15px
Letter-spacing: 0,6em
Line-height: 1em
Výchozí stav
Po najetí
Vnitřní odsazení: 14px 30px 14px 30px
Odsazení ikony: 10px
Rámeček: 2px
Poloměr rohu: 3px
Odkaz v textu
Ikony
Lineární ikony s tenkými křivkami
Velikost: 50px
Boxy
Vnější odsazení po všech stranách: 10px
Vnitřní odsazení z vrchu a ze spodu: 35px
Vnitřní odsazení z boků: 20px
Poloměr rohů: 10px
Stín boxů
Box s bílým pozadím: #000 (průhlednost 14%)
Barevný box: barva pozadí (průhlednost 14%)
Parametry stínů: 0, 10, 30, -10
Lorem ipsum
Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor.
Lorem ipsum dolor
Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor.
Formuláře
Odesláním formuláře souhlasíte se zásadami zpracování osobních údajů