Brand Identity
Overview of the brand color, background color, and logo for each token set in the Thematiq app.
Colors are sourced from each organization's official NL Design System token set. Logos are official SVG files sourced from the organization's website or the NL Design System themes repository.
Token Sets
| Organization | Brand Color | Background | Logo |
|---|---|---|---|
| Rijkshuisstijl |  #154273 | #F5F6F7 | rijkshuisstijl.svg |
| Gemeente Amsterdam |  #004699 | #FFFFFF | amsterdam.svg |
| Gemeente Bodegraven-Reeuwijk |  #0066CC | #FFFFFF | -- |
| Gemeente Borne |  #003352 | #FFFFFF | -- |
| Gemeente Buren |  #D41422 | #FFFFFF | -- |
| Demodam |  #03A9F4 | #FFFFFF | -- |
| Gemeente Dinkelland |  #006CB9 | #FFFFFF | -- |
| Gemeente Drechterland |  #1B6E8C | #FFFFFF | drechterland.svg |
| Gemeente Duiven |  #1D5B8F | #FFFFFF | -- |
| DUO |  #004FA3 | #FFFFFF | -- |
| Gemeente Enkhuizen |  #0055AD | #FFFFFF | -- |
| Gemeente Epe |  #00549E | #FFFFFF | epe.svg |
| Gemeente Groningen | #154273 | #FFFFFF | -- |
| Gemeente Haarlem |  #1457A3 | #FFFFFF | -- |
| Gemeente Haarlemmermeer |  #068E8C | #FFFFFF | -- |
| Gemeente Hoorn |  #09366C | #FFFFFF | hoorn.svg |
| Gemeente Horst aan de Maas |  #125EA4 | #FFFFFF | -- |
| Gemeente Leiden |  #d62410 | #FFFFFF | leiden.svg |
| Gemeente Leidschendam-Voorburg |  #1E1B54 | #FFFFFF | -- |
| Gemeente Nijmegen |  #157C68 | #FFFFFF | nijmegen.svg |
| Noaberkracht |  #4376fc | #FFFFFF | -- |
| Gemeente Noordoostpolder |  #389003 | #FFFFFF | -- |
| Gemeente Noordwijk |  #2C2276 | #FFFFFF | noordwijk.svg |
| Provincie Zuid-Holland |  #C42035 | #FFFFFF | provincie-zuid-holland.svg |
| Riddeliemers | #154273 | #FFFFFF | -- |
| Ridderkerk |  #008937 | #FFFFFF | -- |
| Gemeente Stede Broec |  #035935 | #FFFFFF | -- |
| Gemeente Tilburg |  #003366 | #FFFFFF | tilburg.svg |
| Gemeente Tubbergen |  #067432 | #FFFFFF | -- |
| Gemeente Venray |  #2A8113 | #FFFFFF | -- |
| Gemeente Vught |  #0088AD | #FFFFFF | -- |
| VNG |  #003865 | #0277BD | vng.svg |
| Gemeente Westervoort |  #003C6B | #FFFFFF | -- |
| Gemeente Utrecht |  #24578F | #FFFFFF | utrecht.svg |
| Gemeente Den Haag |  #1a7a3e | #FFFFFF | denhaag.svg |
| Gemeente Rotterdam |  #00811f | #FFFFFF | rotterdam.svg |
| xxllnc |  #333333 | #FFFFFF | xxllnc.svg |
zuiddrecht.svg, zuiddrecht-dark.svg, zuiddrecht-emblem.svg, zuiddrecht-emblem-grey.svg | Conduction's own design for the demo municipality Zuiddrecht, which does not exist | ||
wilgenboom.svg, wilgenboom-dark.svg, wilgenboom-emblem.svg, wilgenboom-emblem-grey.svg | Conduction's own design for Basisschool De Wilgenboom, a demo school in Zuiddrecht, which does not exist | ||
vaartveld.svg, vaartveld-dark.svg, vaartveld-emblem.svg, vaartveld-emblem-grey.svg | Conduction's own design for Vaartveld College, a demo school in Zuiddrecht, which does not exist | ||
esdoornveen.svg, esdoornveen-dark.svg, esdoornveen-emblem.svg, esdoornveen-emblem-grey.svg | Conduction's own design for Esdoornveen, mbo college, a demo school in Zuiddrecht, which does not exist | ||
warmtepompacademie.svg, warmtepompacademie-dark.svg, warmtepompacademie-emblem.svg, warmtepompacademie-emblem-grey.svg | Conduction's own design for Warmtepompacademie, a demo school in Zuiddrecht, which does not exist | ||
| Gemeente Zevenaar |  #596E28 | #FFFFFF | -- |
| Gemeente Zwolle |  #3A4F93 | #FFFFFF | -- |
| (EXAMPLE) Basisschool |  #B03A12 | #FFFFFF | example-basisschool.svg |
| (EXAMPLE) Voortgezet onderwijs |  #2D4FA0 | #FFFFFF | example-voortgezet.svg |
| (EXAMPLE) College |  #7A1F6E | #FFFFFF | example-college.svg |
| (EXAMPLE) Opleider |  #0E4D5C | #FFFFFF | example-opleider.svg |
| (EXAMPLE) Gemeente |  #12506B | #FFFFFF | example-gemeente.svg |
| Gemeente Zuiddrecht (demo) |  #3669A5 | #F5F6F8 | zuiddrecht.svg, zuiddrecht-dark.svg |
| Basisschool De Wilgenboom (demo) |  #2F6B4A | #F5F6F8 | wilgenboom.svg, wilgenboom-dark.svg |
| Vaartveld College (demo) |  #1F4FD8 | #F5F6F8 | vaartveld.svg, vaartveld-dark.svg |
| Esdoornveen, mbo college (demo) |  #5B2E91 | #F5F6F8 | esdoornveen.svg, esdoornveen-dark.svg |
| Warmtepompacademie (demo) |  #0B6E7A | #F5F6F8 | warmtepompacademie.svg, warmtepompacademie-dark.svg |
Logo Sources
Logos in img/logos/ are sourced from the following locations:
| Logo | Source |
|---|---|
rijkshuisstijl.svg | Rijkshuisstijl Community (national government logo) |
amsterdam.svg | Amsterdam Design System |
denhaag.svg | NL Design System themes (optimized, 22KB) |
drechterland.svg | drechterland.nl |
epe.svg | NL Design System themes (extracted from token data URI) |
hoorn.svg | hoorn.nl |
leiden.svg | gemeente.leiden.nl |
nijmegen.svg | nijmegen.nl |
noordwijk.svg | NL Design System themes (extracted from token data URI) |
provincie-zuid-holland.svg | zuid-holland.nl |
rotterdam.svg | Rotterdam Design System |
tilburg.svg | tilburg.nl |
utrecht.svg | NL Design System themes (optimized, 49KB) |
vng.svg | vng.nl |
xxllnc.svg | NL Design System themes (extracted from token data URI) |
Notes
- Brand color refers to the primary interactive color (
--nldesign-color-primary) used for buttons, links, and accents. Some organizations have a separate brand/identity color for their logo (see Token Architecture). - Background color is always
#FFFFFF(white) as the base page background. - Logos marked
--are not yet available. The organization's website either does not provide an SVG version, or requires authentication to access it. - The Leiden logo uses white (
#fff) fills and is designed for dark backgrounds. It requires--nldesign-color-logo-backgroundto be visible in the header. - The Rijkshuisstijl logo (
rijkshuisstijl.svg) is a copy ofimg/nederland-logo.svgplaced inimg/logos/for consistency with the theming sync system.