Vodič za dizajn

Potpuni vodič za sve modularne elemente Oxyelements.

Tipografija

Naslovi, tijelo i ostalo

uobičajeni elementi teksta.

Prikažite jedan

Naslov jedan

Naslov dva

Naslov treći

Naslov četvrti

Naslov pet

Naslov šesti

Označiti

Tekst zanemaren

Podnaslov

Mali tekst

Tekst teksta - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin placerat nisi vitae ex vestibulum interdum. Integer et augue id enim vestibulum ullamcorper

Veći tekst - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Boje

Kompletni uzorak boja

koristi se za bojanje svih sučelja

elementi na web mjestu.

Primarni 1
#fe530a

Primarni hover
#cc4e18

Siva
#333333

Dimgray
#696969

Tamno sivo
#111112

Crno
#000000

Svijetlo siva
#f7f7f7

Bijela
#ffffff

Uspjeh
#51d37e

Zvijezda recenzije
#f9bb00

Upozorenje
#e67a00

Opasnost
#fc4343

Razmak i radijus obruba

Potpuni vodič za razmak

Selektori za popunjavanje, margina

i razmak ispod predmeta

Podstava 1x

Podstava 2x

Podstava 3x

Prostor 1x

Prostor 2x

Prostor 3x

Prostor 4x

granica-radijus

Dno razmaka 1x

Dno razmaka 2x

Svemirsko dno 3x

Razmak od dna 4x

Gumbi

Stilovi gumba i varijacije veličine

koristite .btn za veličinu i koristite primarno,

obris ili drugi selektori za oblikovanje

Gumb Primarno Gumb mali Obris gumba

Gumb Bijelo

Ikone

Zajedničko sučelje

i ikonografija društvene mreže

ikona-1x

ikona-2x

ikona-3x

ikona-4x

Isključivanje slike

prigušena slika je sive.

dobro za logotipe

Uobičajena slika

.snimka prigušena (siva ljestvica 100%)

Sjena

Ako vam treba element koji će se istaknuti

možete koristiti klasu .shadow

.sjena