Visuele identiteit

Drukwerk

Web — design system in actie

Presentaties

Social media

Casus werkenvoor.be

Het bestek vraagt expliciet (zie gunningscriterium 3) om werkenvoor.be te integreren in het nieuwe federale merksysteem, met de opdracht de bestaande investeringen sinds de Selor → werkenvoor.be transitie van 2023 te respecteren. Dit document legt drie strategische opties op tafel, motiveert de keuze, en beschrijft het overgangsscenario.

De drie opties

Optie A — Volledig integreren

werkenvoor.be wordt opgeslorpt onder het federale merk. Eigen kleur en typografie verdwijnen, het logo wordt een federale lockup met de subtitel “werkenvoor.be”.

Optie B — Hybridiseren (aanbevolen)

Federaal lockup wordt primair, maar de warme oranje accentkleur van werkenvoor.be blijft behouden als employer-brand-indicator. Typografie en compositieprincipes volgen het federaal systeem; de oranje accent blijft beperkt tot CTA’s, employer-headers en campagne-banners.

Optie C — Ongewijzigd laten met affiliatiekit

werkenvoor.be behoudt haar volledige eigen identiteit. Een minimale federale signatuur (webheader, co-brand-strook) markeert affiliatie. Concreet niveau 3 (affiliatiekit).

Aanbeveling

Optie B — hybridiseren. Ze respecteert tegelijk:

1. de bestek-eis “coherente federale visuele identiteit”,
2. de bestek-eis “reeds gedane investeringen binnen werkenvoor.be behouden”,
3. de operationele realiteit dat werkenvoor.be in een competitieve arbeidsmarkt opereert (i.t.t. een gewone FOD-website).

In brand.tokens.json betekent dit dat brand.color.primary doorerft naar federale blauw (alias-laag), terwijl brand.color.accent als nieuwe accent-rol wordt gedefinieerd — enkel voor employer-brand-toepassingen. De huisstijlcharter beschrijft de governance-regel (“oranje accent: enkel in werkenvoor.be context, nooit in algemene federale communicatie”).

Overgangsscenario

Zie transition-scenario.yaml voor de fase-planning, milestones en change-management acties. Samengevat:

• T0–T+3m: dual-branding op homepage, oranje banner blijft, federale lockup wordt toegevoegd in header.
• T+3m–T+9m: progressieve uitfasering oranje uit niet-employer-content (vacatures blijven oranje accent).
• T+9m–T+12m: nieuwe huisstijl integraal toegepast, oranje enkel meer als employer-CTA-kleur.
• T+12m: communicatie-evaluatie (recall, vertrouwen, sollicitatie-conversie).

Overgangsscenario

Downloads

Alle assets voor werkenvoor.be, klaar voor gebruik door de communicatieteams.

Tokens-overlay

De volledige bron voor deze instelling. De build-pipeline merget deze met de federale core.

{
  "$schema": "https://design-tokens.org/schemas/2025-10/tokens.schema.json",
  "$description": "werkenvoor.be — niveau 2 (flexibele integratie / employer branding). Casus uit gunningscriterium 3 van het bestek. Gekozen strategie: hybridiseren — federaal lockup + behouden warme oranje accent als employer-brand-indicator.",
  "institution": {
    "id": "werkenvoor-be",
    "name": {
      "nl": "werkenvoor.be",
      "fr": "travaillerpour.be",
      "en": "workfor.be",
      "de": "arbeitenfuer.be"
    },
    "level": 2,
    "category": "platform",
    "lockup-style": "co-branded",
    "domain": "werkenvoor.be",
    "predecessor": "Selor (afgevoerd 2023)",
    "case-strategy": "hybridiseren"
  },
  "brand": {
    "color": {
      "primary": {
        "$type": "color",
        "$value": "{color.federal-blue.500}",
        "$description": "Federaal blauw blijft hoofdkleur — burger herkent overheid"
      },
      "secondary": {
        "$type": "color",
        "$value": "{color.federal-blue.700}"
      },
      "accent": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.96,
            0.45,
            0.13
          ]
        },
        "$description": "werkenvoor.be oranje — behouden als employer-brand-indicator (continuïteit met bestaande investering 2023+)"
      }
    },
    "discs": {
      "primary": {
        "$type": "color",
        "$value": "#F47321",
        "$description": "werkenvoor.be oranje — disc-kleur signaleert employer-context"
      },
      "secondary": {
        "$type": "color",
        "$value": "#E60028",
        "$description": "Rood — federale verbinding"
      }
    }
  }
}