Členitev besedila

Deli

Členitev besedila

Zavihki

Namizni računalnik Tablica / Telefon

Namizni računalnik

Zavihke od vsebine ločuje tanka siva črta.

Črta

Debelina 1px, Barva: #B4B4B4

Višina zavihkov: 44px

Zavihek - izbran

Pisava: Roboto, Velikost pisave: 16px, Teža pisave: normal 400, Barva pisave: #444444

Obroba

Debelina 1px, Barva: #B4B4B4

Zavihek - neizbran

Pisava: Roboto, Velikost pisave: 16px, Teža pisave: normal 400, Barva pisave: #26007D

Brez obrobe

Tablica / Telefon

Črta

Debelina: 1px, Barva: #B4B4B4

Višina zavihkov: 44px

Zavihek - izbran

Pisava: Roboto, Velikost pisave: 16px, Teža pisave: normal 400, Barva pisave: #444444

Obroba

Debelina: 1px, Barva: #B4B4B4

Zavihek - neizbran

Pisava: Roboto, Velikost pisave: 16px, Teža pisave: normal 400, Barva pisave: #26007D

Brez obrobe

Gumbi in povezave

Veliki “Call to action” gumbi

Višina: 48px

Gumb – neaktiven

Pisava: Roboto, Velikost pisave: 18px, Teža pisave: normal 400, Barva pisave: #FFFFFF, Barva gumba: #F9662B, Senca #000000 20%

Gumb – aktiven

Pisava: Roboto, Velikost pisave: 18px, Teža pisave: normal 400, Barva pisave: #FFFFFF, Barva gumba: #DD4500, Senca #000000 20%

“Call to action” gumbi v vsebini

Višina: 40px

Gumb – neaktiven

Pisava: Roboto, Velikost pisave: 16px, Teža pisave: normal 400, Barva fonta: #FFFFFF, Barva gumba: #F9662B, Senca #000000 20%

Gumb – aktiven

Pisava: Roboto, Velikost pisave: 16px, Teža pisave: normal 400, Barva pisave: #FFFFFF, Barva gumba: #DD4500, Senca #000000 20%

Navadni gumbi

Višina: 40px

Gumb – neaktiven

Pisava: Roboto, Velikost pisave: 16px, Teža pisave: normal 400, Barva pisave: #FFFFFF, Barva gumba: #595478, Senca #000000 20%

Gumb – aktiven

Pisava: Roboto, Velikost pisave: 16px, Teža pisave: normal 400, Barva pisave: #FFFFFF, Barva gumba: #464461, Senca #000000 20%

Navadni gumbi na temni podlagi

Višina: 40px

Gumb – neaktiven

Pisava: Roboto, Velikost pisave: 16px, Teža pisave: normal 400, Barva pisave: #FFFFFF, Barva gumba: #7A7594, Senca #000000 20%

Gumb – aktiven

Pisava: Roboto, Velikost pisave: 16px, Teža pisave: normal 400, Barva pisave: #FFFFFF, Barva gumba: #464461,Senca #000000 20%

Gumbi za preklic

Višina: 40px

Gumb – neaktiven

Pisava: Roboto, Velikost pisave: 16px, Teža pisave: normal 400, Barva pisave: #FFFFFF, Barva gumba: #666666, Senca #000000 20%

Gumb – aktiven

Pisava: Roboto, Velikost pisave: 16px, Teža pisave: normal 400, Barva pisave: #FFFFFF, Barva gumba: #444444, Senca #000000 20%

Gumbi v nogi

Višina: 38px

Gumb – neaktiven

Pisava: Roboto, Velikost pisave: 15px, Teža pisave: normal 400, Barva pisave: #FFFFFF, Barva gumba: #26007D

Višina: 38px

Gumb – neaktiven

Pisava: Roboto, Velikost pisave: 15px, Teža pisave: normal 400, Barva pisave: #FFFFFF, Barva gumba: #595478

Povezave v vsebini

Povezave v besedilu

Content link

Povezava-neaktivna

Pisava: Roboto, Velikost pisave: 16px, Teža pisave: normal 400, Barva: #464646, podčrtana

Povezava - aktivna

Pisava: Roboto, Velikost pisave: 16px, Teža pisave: normal 400, Barva: #464646

Povezave pod besedilom

Poudarjene tekstovne povezave pod daljšimi stolpci besedila.

Link

Povezava - neaktivna

Pisava: Roboto, Velikost pisave: 17px, Teža pisave: normal 400, Barva: #26007D

Povezava-aktivna

Pisava: Roboto, Velikost pisave: 17px, Teža pisave: normal 400, Barva: #464646

Povezave na druga spletna mesta

Za označevanje povezav, ki vodijo na druga spletna mesta, se uporabljajo povezave, ki označene z ikono na desni.

Link out

Povezava - neaktivna

Pisava: Roboto, Barva: #26007D

Barva ikone: #26007D

Povezava - aktivna

Pisava: Roboto, Barva: #464646

Barva ikone: #464646

Povezave na druga spletna mesta v neoštevilčenem seznamu

Povezave na druga spletna mesta v neoštevilčenem seznamu imajo ikono pozicionirano na levi strani.

Link list 1

Link list 2

Link list 3

Povezava - neaktivna

Pisava: Roboto, Velikost pisave: 17px, Teža pisave: light 300, Barva: #464646, podčrtana

Barva ikone: #A7A9AC

Povezava - aktivna

Pisava: Roboto, Velikost pisave: 17px, Teža pisave: light 300, Barva: #464646

Barva ikone: #A7A9AC

Povezave na temni podlagi

Povezave v besedilu

Povezava - neaktivna

Pisava: Roboto, Velikost pisave: 16px, Teža pisave: normal 400, Barva: #FFFFFF, podčrtana

Povezava -aktivna

Pisava: Roboto, Velikost pisave: 16px, Teža pisave: normal 400, Barva: #FFFFFF

Povezave pod besedilom

Poudarjene tekstovne povezave pod daljšimi stolpci besedila.

Povezava - neaktivna

Pisava: Roboto, Velikost pisave: 17px, Teža pisave: normal 400, Barva: #FFFFFF, podčrtana

Povezava - aktivna

Pisava: Roboto, Velikost pisave: 17px, Teža pisave: normal 400, Barva: #FFFFFF

Povezave na dokumente

Povezava - neaktivna

Pisava: Roboto, Velikost pisave: 16px, Teža pisave: normal 400, Barva: #FFFFFF, podčrtana

Barva ikone: #FFFFFF

Povezava-aktivna

Pisava: Roboto, Velikost pisave: 16px, Teža pisave: normal 400, Barva: #FFFFFF

Barva Ikone: #FFFFFF

Značke za nasvete

Gumb – neaktiven

Pisava: Roboto, Velikost pisave: 14px, Teža pisave: light 300, Višina vrstice: 110%, Pisava: #FFFFFF

Barva ozadja: #595478

Gumb – aktiven

Pisava: Roboto, Velikost pisave: 14px, Teža pisave: light 300, Višina vrstice: 110%, Pisava: #FFFFFF

Barva ozadja: #464461

Deljenje vsebin

Za deljenje vsebin se uporablja odzivni plugin http://www.addthis.com/?r=0

Vsebina na razpiranje

Opis produkta

Gumb - neaktiven

Pisava: Roboto, Velikost pisave: 17px, Teža pisave: normal 400, Barva: #26007D

Barva ikone: #26007D

Gumb - aktiven

Pisava: Roboto, Velikost pisave: 17px, Teža pisave: normal 400, Barva: #26007D

Barva ikone: #26007D

Seznam vsebin na razpiranje

Naslov - neaktiven

Pisava: Roboto, Velikost pisave: 18px, Teža pisave: medium 500, Višina vrstice: 130%, Barva: #444444

Barva ikone: #26007D

Črte

Debelina: 1px, Barva: #CDCECF

Naslov – aktiven

Pisava: Roboto, Velikost pisave: 18px, Teža pisave: medium 500, Višina vrstice: 130%, Barva: #26007D

Naslov – izbran

Pisava: Roboto, Velikost pisave: 18px, Teža pisave: medium 500, Višina vrstice: 130%, Barva: #26007D

Vprašanja in odgovori

Naslov - neaktiven

Pisava: Roboto, Velikost pisave: 18px, Teža pisave: medium 500, Višina vrstice: 130%, Barva: #444444

Barva ikone: #26007D

Črte

Debelina: 1px, Barva: #9B98AE

Naslov – aktiven

Pisava: Roboto, Velikost pisave: 18px, Teža pisave: medium 500, Višina vrstice: 130%, Barva: #26007D

Naslov – izbran

Pisava: Roboto, Velikost pisave: 18px, Teža pisave: medium 500, Višina vrstice: 130%, Barva: #26007D

Primer: http://www.nlb.si/placilni-promet-s-tujino

Seznam vprašanj in odgovorov

Naslov

Pisava: Istok Web, Velikost pisave: 22px, Teža pisave: bold 700, Višina vrstice: 110%, Barva: #444444

Povezava – neaktivna

Pisava: Roboto, Velikost pisave: 16px, Teža pisave: light 300, Višina vrstice: 180%, Barva: #26007D

Povezava – aktivna

Pisava: Roboto, Velikost pisave: 16px, Teža pisave: light 300, Višina vrstice: 180%, Barva: #464646

Ločnice med povezavami

Barva: #A5A9AC

Primer: http://www.nlb.si/ponudba

Seznam produktov

Naslov - neaktiven

Pisava: Istok Web, Velikost pisave: 26px, Teža pisave: bold 700, Višina vrstice: 110%, Barva: #444444

Besedilo – neaktivno

Pisava: Roboto, Velikost pisave: 16px, Teža pisave: light 300, Višina vrstice: 140%, Barva: #444444

Ozadje – neaktivno

Barva ozadja: #C6C4D2

Barva puščice: #8D88A6

Naslov - aktiven

Pisava: Istok Web, Velikost pisave: 26px, Teža pisave: bold 700, Višina vrstice: 110%, Barva: #FFFFFF

Besedilo – aktivno

Pisava: Roboto, Velikost pisave: 16px, Teža pisave: light 300, Višina vrstice: 140%, Barva: #FFFFFF

Ozadje – aktivno

Barva ozadja: #8D89A5

Barva puščice: #FFFFFF

Naslov - neaktiven

Pisava: Istok Web, Velikost pisave: 26px, Teža pisave: bold 700, Višina vrstice: 110%, Barva: #FFFFFF

Besedilo – neaktivno

Velikost pisave: Roboto, Velikost pisave: 16px, Teža pisave: light 300, Višina vrstice: 140%, Barva: #FFFFFF

Ozadje – neaktivno

Barva ozadja: #8D89A5

Barva puščice: #FFFFFF

Naslov - aktiven

Pisava: Istok Web, Velikost pisave: 26px, Teža pisave: bold 700, Višina vrstice: 110%, Barva: #FFFFFF

Besedilo – aktivno

Velikost pisave: Roboto, Velikost pisave: 16px, Teža pisave: light 300, Višina vrstice: 140%, Barva: #FFFFFF

Ozadje – neaktivno

Barva ozadja: #595478

Barva puščice: #FFFFFF

Primer: http://www.nlb.si/varcevanja-in-depoziti

Seznam produktov - B2B

Naslov - neaktiven

Pisava: Istok Web, Velikost pisave: 26px, Teža pisave: bold 700, Višina vrstice: 110%, Barva: #FFFFFF

Besedilo - neaktivno

Pisava: Roboto, Velikost pisave: 15px, Teža pisave: light 300, Višina vrstice: 140%, Barva: #FFFFFF

Ozadje - neaktivno

Barva ozadja: #2D5DAC, Barva puščice: #FFFFFF

Ozadje - aktivno

Barva ozadja: #1D3D72, Barva puščice: #8D88A6

Naslov - neaktiven

Pisava: Istok Web, Velikost pisave: 26px, Teža pisave: bold 700, Višina vrstice: 110%, Barva: #464646

Besedilo – neaktivno

Pisava: Roboto, Velikost pisave: 16px, Teža pisave: light 300, Višina vrstice: 140%, Barva: #464646

Ozadje – neaktivno

Barva ozadja: #B4D9F2, Barva puščice: #2D5DAC

Naslov - aktiven

Pisava: Istok Web, Velikost pisave: 26px, Teža pisave: bold 700, Višina vrstice: 110%, Barva: #FFFFFF

Besedilo – aktivno

Pisava: Roboto, Velikost pisave: 16px, Teža pisave: light 300, Višina vrstice: 140%, Barva: #FFFFFF

Ozadje - aktivno

Barva ozadja: ##2D5DAC, Barva puščice: #FFFFFF

Primer: http://www.nlb.si/poslovni-racuni