Huisstijl en eigen logo uitgangspunten

In dit document zijn de uitgangspunten voor maatwerk huisstijlen vastgelegd.

Eigen logo

Plaatsing:

  • links bovenin elke pagina in TriasWeb

  • rechts bovenin elk uitgeprint rapport/melding vanuit TriasWeb

Eisen:

  • Logo mag niet groter zijn dan 100px hoog en 325px lang.

  • Afbeelding moet 100px hoog zijn (witte achtergrond).

  • Logo moet in png of in jpg aangeleverd worden.

Eigen kleuren

Plaatsing:

  • kopjes en snelkoppelingen worden weergegeven in de kleur die wordt opgegeven als 'Accent-kleur'

  • teksten worden weergegeven in de kleur die wordt opgegeven als 'Tekst-kleur'

  • menubalk, knoppen en keuzevakken in sommige vragen krijgen de kleur die wordt opgegeven als 'Menu-kleur'. De tekst in het menu en op knoppen wordt gelijk aan de opgegeven tekst-kleur. (Als de Menu-kleur erg donker is, dan wordt de tekst wit gemaakt.)

  • geselecteerde menu-items, het submenu en de mouse-over bij menu en bij knoppen worden weergegeven in de kleur die wordt opgegeven als 'Menu-kleur2'. (Ook hier geldt dat als dit een donkere kleur is, we voor de tekst in het menu wit gebruiken)

Eisen:

  • Kleuren worden opgegeven in rgb (rgb(123, 456, 789)) of in hexadecimale waarden (#123456).

  • Indien geen kleur wordt opgegeven voor Menu-kleur2, wordt hier een lichtere varaint van de Menukleur opgegeven.

  • Er zijn geen varianten of wijzigingen op te geven voor afzonderlijke onderdelen van TriasWeb.

 

Voorbeeld van aanpasbare kleuren (obv TriasWeb-huisstijl)

Kleurnaam

Kleurwaarde in Hex

Kleurwaarde in RGB

Onderdelen

Kleurnaam

Kleurwaarde in Hex

Kleurwaarde in RGB

Onderdelen

Accentkleur

#a51e47

rgb(165,30,71)

Kopjes, snelkoppelingen, huidige pagina in kruimelpad, voortgangsbalk huidige pagina, ‘infoblokken’ in de melding, rand om fout- en infomeldingen vanuit TriasWeb.

Tekstkleur

#3e3e3e

rgb(62,62,62)

Uitleg van de pagina, tekst van vragen, antwoorden, kruimelpad, op menu en op knoppen

Menu-kleur

#d6d1c2

rgb(214,209,194)

Menu, mouse-over van het submenu, knoppen

Menu-kleur2

#eae8e0

rgb(234,232,224)

Mouse-over van menu, het submenu, mouse-over bij knoppen


Voorbeeld van niet-aanpasbare kleuren

Wit

#ffffff

rgb(255,255,255)

Niet wijzigbaar door klant. Alternatief voor tekst op donker menu/submenu

Rood

#ff0000

rgb(255,0,0)

Niet wijzigbaar door klant. Verplicht- sterretjes

Grijs

Meerdere varianten

 

Niet wijzigbaar door klant. Om onderscheid te maken tussen actieve/niet-actieve elementen, paginaonderdelen.

Grijs

Meerdere varianten

 

Niet wijzigbaar door klant. Browser-specifieke layout (randjes om formuliervragen etc)

Â