Vizualni identitet

Pod vizualni identitet (branding) potpadaju radnje poput izbora logotipa, tipografije, boja i rasporeda elemenata.

Pep Web Digital logo
Vaš logo ide ovdje

Tipografija i gumbi

Na ovoj stranici prikazano je kako će uživo izgledati slova na vašoj stranici, gumbi za akciju i koje će biti njihove boje. Od slova primijetite da postoje naslovi (eng. Heading), podnaslovi i osnovni tekst (paragraf).
Dobrodošli na stranicu za odabir stila koji će se koristiti na vašoj web stranici.
Montserrat

Montserrat je font koji će se koristiti za naslove, tj., headinge 1 - 6

Montserrat

Montserrat je također font koji će se koristiti za paragraf tekstove

Lora

Lora je font koji će se koristiti za podnaslove, kao što je to ovaj font ispod glavnog naslova iznad

Ovo je Heading 1

Ovo gore je Heading 1. Još ga koristima i kao glavni naslov na stranici. Koristi se samo jedanput na jednoj stranici.

Svi tekstovi ispod headinga na ovoj stranici su paragraf tekstovi, i ovako će izgledati na vašoj stranici uživo.

Ovo je Heading 2

Ovo je Heading 2. Koristimo ga kao naslov na stranici, ali ne kao glavni naslov već, mogli bi isto reći i kao podnaslov, ali glavni podnaslov. Try experimenting with the Heading sizes, for example if you tweak the Heading 2 value, the heading title above this text must change accordingly. 

Keep in mind that individual element styles override the Style Kit values, so for Style Kits to work, the element must not have manually added styles.

Ovo je Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Ovo je Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Ovo je Heading 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Ovo je Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Paragraf text i citati

Ovo je kako će izgledati vaš paragraf tekst. It’s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:

Ovo je kako će izgledati neki citat na stranici. Hi there! I’m a bike messenger by day, aspiring actor by night, and this is my website. I live in Los Angeles, have a great dog named Jack, and I like piña coladas. (And gettin’ caught in the rain.)

…ili ovako nekako:

The XYZ Doohickey Company was founded in 1971, and has been providing quality doohickeys to the public ever since. Located in Gotham City, XYZ employs over 2,000 people and does all kinds of awesome things for the Gotham community.

Linkovi će izgledati ovako: google.com, microsoft.com, početna stranica ove web stranice.

Stilovi gumba

Od ponuđenih gumbiju s desne strane odaberite stil koji se vama najviše sviđa. 

Kako tekstovi, tako i gumbi na stranicama moraju biti konzistentni. Vestibulum turpis sem, aliquet eget, lobortis pellentesque, rutrum eu, nisl. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor.

Slika: Ovo predstavlja opis slike

O slikama

Kao i sve na web stranicama, tako i slike i njihovi opisi moraju biti konzistenti i transparentno opisivati njihovo značenje.

To ne samo da je korisno za to da posjetitelj zna o čemu se koja slika radi, već je dobro i za Google tražilice (SEO).

Ako se slučajno pitate, ovaj naslov je H2

Ovako će izgledati tekstovi i ostalo na tamnim podlogama

Ovo je Heading 3

Ovo je paragraf tekst ispod Headinga 3. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Pellentesque dapibus hendrerit tortor. Nullam cursus lacinia erat. Nulla facilisi.

Ovo je Heading 3

Ovo je paragraf tekst ispod Headinga 3. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Pellentesque dapibus hendrerit tortor. Nullam cursus lacinia erat. Nulla facilisi.

Ovo je Heading 3

Ovo je paragraf tekst ispod Headinga 3. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Pellentesque dapibus hendrerit tortor. Nullam cursus lacinia erat. Nulla facilisi.

Paleta boja koja će se koristiti:

Boja Branda #002B53

Boja Akcenta #0054A1

Boja Linkova #868603

Linkovi prijelaz mišem #ACAC04

Srednje Siva #B7B7B7

Svijetlo Siva #E2E2E2

Crna Boja #000000

Bijela Boja #FFFFFF

Scroll to Top