Apex pro gaming

Průvodce stylem

Na této stránce jsou uvedeny aktuální styly a normy pro Apex pro gaming webové stránky.

Barvy

Přehled barev značky tohoto webu.

Barvy a odstíny

Průhledné fólie

primární

Primární

Ultra Light

Světlo

Střední

Dark

Ultra Dark

Comp

sekundární

Sekundární

Ultra Light

Světlo

Střední

Dark

Ultra Dark

Comp

přízvuk

Akcent

Ultra Light

Světlo

Střední

Dark

Ultra Dark

Comp

základna

Základna

Ultra Light

Světlo

Střední

Dark

Ultra Dark

Comp

stín

Stín

Ultra Light

Světlo

Střední

Dark

Ultra Dark

primární

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

sekundární

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

přízvuk

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

základna

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

stín

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Typografie

Níže je uveden přehled velikostí a vah responzivní typografie pro tento web. Ty jsou vypočteny ze základní velikosti a matematické stupnice.

Rubriky

H1 (--xxl)

Položka 1 Pravidelné

Položka 1 Střední

Nadpis 1 tučně

H2 (--xl)

Položka 2 Pravidelné

Položka 2 Střední

Nadpis 2 tučně

H3 (--l)

Položka 3 Pravidelné

Nadpis Střední

Nadpis 3 tučně

H4 (--m)

Položka 4 Pravidelné

Položka 4 Střední

Nadpis 4 tučně

H5 (--s)

Položka 5 Pravidelné

Nadpis Střední

Nadpis 5 tučně

H6 (--xs)

Položka 6 Pravidelné

Položka 6 Střední

Nadpis 6 tučně

Text těla

BODY TEXT (--m)

Text m Pravidelný

Text m Střední

Text m tučně

MALÝ TEXT (--s)

Text s Regular

Text s Médium

Text s tučným písmem

XTRA SMALL TEXT (--xs)

Text xs Regular

Text xs Medium

Text xs Bold

Příklady

Položka 1 (H1)

Jedná se o velký text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Položka 2 (H2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Položka 3 (H3)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Položka 4 (H4)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Položka 5 (H5)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Položka 6 (H6)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tlačítka

Plná a obrysová tlačítka jsou k dispozici ve všech barevných sadách včetně černé a bílé.

TLAČÍTKA NA SVĚTLÉM POZADÍ

Primární
Základní osnova
Sekundární Sekundární osnova
Akcent
Obrys přízvuku Základna
Základní obrys

TLAČÍTKA NA TMAVÉM POZADÍ

Primární
Základní osnova
Sekundární Sekundární osnova
Akcent
Obrys přízvuku Bílá
Bílý obrys

STUPNICE TLAČÍTEK

btn--primary / btn--xs

btn--primary / btn--s

btn--primary / btn--m

btn--primary / btn--l

btn--primary / btn--xl

btn--primary / btn--xxl

Šířky

Šířku prvku lze ovládat pomocí šesti hodnot. Jsou automaticky citlivé.

--width-xs

--width-s

--width-m

--width-l

--width-xl

--width-xxl

Vycpávky sekcí

Vycpávky úseků reagují a jsou založeny na násobku systému roztečí jader.

Žádné

XS

S

M

L

XL

XXL

Rozestupy

Existuje šest úrovní odstupu reakcí, které se vypočítávají ze základní velikosti a matematického měřítka. Tím je zajištěno, že okraje, výplně a mezery dokonale odpovídají.

--space-xs

--space-s

--space-m

--space-l

--space-xl

--space-xxl

Vycpávky prvků

Zde je uvedeno šest úrovní odstupů vizualizovaných jako výplň.

Karta

Jedná se o kartu s vycpávkou XS. Její obsah je poměrně blízko okrajům.

Karta

Jedná se o kartu s vycpávkou S. Má trochu pevnější polstrování.

Karta

Jedná se o kartu s vycpávkou M. Má standardní prostor pro dýchání.

Karta

Jedná se o kartu s vycpávkou L. Má extra prostor pro dýchání.

Karta

Jedná se o kartu s výplní XL. Má značný prostor pro dýchání.

Karta

Jedná se o kartu s výplní XXL. Nepoužívejte ji v omezeném prostoru.

Stíny

Na výběr jsou tři vícevrstvé stíny v rámečku.

Box stín M

Box stín L

Box stín XL

Poloměr hranice

K dispozici je šest hodnot poloměru okraje vypočtených ze základní velikosti a matematického měřítka.

Zaoblené XS

Zaokrouhlené S

Zaokrouhlené M

Zaoblené L

Zaoblené XL

Zaoblené XXL