Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
  •  Kim Alders   bijwerken tot implementatiedocument

In dit document zijn de uitgangspunten voor maatwerk huisstijlen vastgelegd.


Eigen logo

Plaatsing:

  • links bovenin elke pagina in TriasWeb

...

  • Een tekstkleur
  • Twee  goed contrasterende kleuren op wit
    • een voor melden en afhandelen
    • een voor verbeteracties
  • Kleur van menu is standaard die van melden, maar hiervan kan op verzoek afgeweken worden
  • Mogelijkheid voor een logo links boven (hoogte max 100px)
  • Alles wat klikbaar is heeft de tweede kleur

Rapportages

  • Een contrasterende kleur op wit
  • Tekst zelfde als tekstkleur TriasWeb
  • Mogelijkheid voor een logo (236x44)
  • rechts bovenin elk uitgeprint rapport/melding vanuit TriasWeb

Eisen:

  • Logo mag niet groter zijn dan 113px hoog en 325px lang.
  • 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 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 triasweb-kleuren:

KleurnaamKleurwaarde in HexKleurwaarde in RGB






Menu-kleur

Menu-kleur2