Padel Galis

Vodnik po slogu

Padel Galis Na tej strani so opisani trenutni slogi in standardi za spletno mesto.

Barve

Pregled barv blagovne znamke tega spletnega mesta.

Akcija

Akcija

Ultra lahka

Svetloba

Srednja

Dark

Ultra temno

Comp

Osnovni

Osnovni

Ultra lahka

Svetloba

Srednja

Dark

Ultra temno

Comp

Sekundarno

Sekundarno

Ultra lahka

Svetloba

Srednja

Dark

Ultra temno

Comp

Naglas

Naglas

Ultra lahka

Svetloba

Srednja

Dark

Ultra temno

Comp

Osnova

Osnova

Ultra lahka

Svetloba

Srednja

Dark

Ultra temno

Comp

Odtenek

Odtenek

Ultra lahka

Svetloba

Srednja

Dark

Ultra temno

Akcija

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Osnovni

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Sekundarno

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Naglas

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Osnova

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Odtenek

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Uspeh

Uspeh

Luč za uspeh

Uspeh Dark

Uspeh Hover

Nevarnost

Nevarnost

Nevarna svetloba

Nevarnost Dark

Nevarnost Hover

Opozorilo

Opozorilo

Opozorilna luč

Opozorilo Dark

Opozorilo Hover

informacije

Info

Informacijska luč

Informacije Dark

Informacije v podnapisu Hover

Gumbi

Enobarvni in obrisni gumbi so na voljo v vseh barvnih kombinacijah, vključno s črno in belo.

GUMBI NA SVETLEM OZADJU

AkcijaNačrt ukrepovOsnovniOsnovni orisSekundarnoSekundarni orisNaglasObris naglasaOsnovaOsnovni oris

GUMBI NA TEMNEM OZADJU

AkcijaNačrt ukrepovPrimarniOsnovni orisSekundarnoSekundarni orisNaglasObris naglasaBelaBela obrisna črta
Lestvica gumbov
Gumb XS
btn--primary / btn--xs
Gumb S
btn--primary / btn--s
Gumb M
btn--primary / btn--m
Gumb L
btn--primary / btn--l
Gumb XL
btn--primary / btn--xl
XXL gumb
btn--primary / btn--xxl

Tipografija

Spodaj je pregled velikosti in teže odzivne tipografije za to spletno mesto. Ti so izračunani na podlagi osnovne velikosti in matematične lestvice.
Naslovi
H1 (--xxl)

Postavka 1 Redno

Postavka 1 Srednja

Naslov 1 krepko

H2 (--xl)

Postavka 2 Redno

Postavka 2 Srednja

Naslov 2 krepko

H3 (--l)

Naslov 3 Redno

Postavka 3 Srednja

Naslov 3 krepko

H4 (--m)

Postavka 4 Redno

Postavka 4 Srednja

Naslov 4 krepko

H5 (--s)
Postavka 5 Redno
Postavka 5 Srednja
Naslov 5 krepko
H6 (--xs)
Postavka 6 Redno
Postavka 6 Srednja
Naslov 6 krepko
Besedilo telesa
Besedilo v jedru (--m)
Besedilo m Redno
Besedilo m Srednje
Besedilo m krepko
MALO TEKSTO (--s)
Besedilo s Redno
Besedilo s Medij
Besedilo s krepko
izjemno majhno besedilo (--xs)
Besedilo xs Regular
Besedilo xs srednje
Besedilo xs Bold
Primeri

Naslov 1 (H1)

To je veliko besedilo. 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.

Naslov 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.

Naslov 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.

Naslov 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.
Naslov 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.
Naslov 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.

Širine

Za nadzor širine elementa lahko uporabite šest vrednosti. Te vrednosti so samodejno odzivne.
--width-xs
--width-s
--širina-m
--width-l
--width-xl
--širina-xxl

Podlaganje razdelka

Podlaganje odsekov je odzivno in temelji na mnogokratniku sistema razmika med jedri.
Ni
XS
S
M
L
XL
XXL

Razmik

Na voljo je šest stopenj razmika za odzivanje, ki se izračunajo na podlagi osnovne velikosti in matematične lestvice. To zagotavlja popolno ujemanje robov, polnil in presledkov.
--space-xs
--space-s
--prostor-m
--space-l
--space-xl
--space-xxl

Podlaganje elementov

Tukaj je šest ravni razmika, ki so prikazane kot oblazinjenje.

Kartica

To je kartica z oblazinjenjem XS. Njena vsebina je precej blizu robov.

Kartica

To je kartica s polnilom S. Ima nekoliko tesnejše oblazinjenje.

Kartica

To je kartica z oblazinjenjem M. Ima standardni prostor za dihanje.

Kartica

To je kartica s polnilom L. Ima dodaten prostor za dihanje.

Kartica

To je kartica s polnitvijo XL. Ima veliko prostora za dihanje.

Kartica

To je kartica z oblazinjenjem XXL. Izogibajte se uporabi v zaprtem prostoru.

Sence

Izbirate lahko med tremi večplastnimi sencami v škatli.
Senca v škatli M
Okenska senca L
Škatla za senco XL

Polmer meje

Na voljo je šest vrednosti polmera meje, izračunanih na podlagi osnovne velikosti in matematične lestvice.
Zaobljen XS
Zaokroženo S
Zaokrožen M
Zaokrožena črka L
Zaokroženo XL
Zaokroženo XXL