Huisstijl en eigen logo uitgangspunten

In dit document zijn de uitgangspunten voor maatwerk huisstijlen vastgelegd.

Eigen logo

Plaatsing:

Eisen:

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 ind e 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
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)