Terug
Concept E — Designer 04

Warm Material

Material Design 3 met warme tonal surfaces, elevated cards met zachte diepte, en een token-gebaseerde architectuur die schaalt naar 286 schermen.

45/60 Jury Score · #5 van 20

Het Concept

Warm Material bouwt op Material Design 3 tokens met kinderopvang-warme aanpassingen. Warme zandoppervlakken, teal navigatie, oranje acties — systematisch en schaalbaar.

Tonal Surfaces

Vijf warme neutrale oppervlakken (surface-1 t/m surface-5) als gelaagd systeem. Elke laag voegt subtiele diepte toe zonder harde randen.

Elevated Cards

Drie niveaus van elevatie met zachte, gelaagde schaduwen. Kaarten liften bij hover. Diepte communiceert hiërarchie.

Oranje Acties

FF8532 als primaire actie-kleur. Warm, opvallend, uitnodigend. Teal voor navigatie, oranje voor doen.

Pill-shaped Navigatie

Actieve navigatie-items in pilvorm (28px border-radius) op de teal zijbalk. Vriendelijk en toch professioneel.

Fredoka + Poppins

Fredoka voor display, koppen en KPI-getallen — warm en assertief. Poppins voor body text en UI — clean en leesbaar.

Token Architectuur

MD3-gebaseerd tokensysteem maakt uitbreiding naar 286 schermen eenvoudig. Hoogste schaalbaarheids­score van het veld (9/10).

Drie Variaties

Basis

Volledig warm material met gelaagde schaduwen en tonal surfaces. MD3-elevatie op kaarten, zachte diepte, warme zandkleuren. Het ontwerp zoals bedoeld.

Standaard

Elevated

Meer diepte — sterkere schaduwen, hogere kaart-elevatie, meer uitgesproken laagverschillen. Dramatischer maar behoudt de warmte.

Maximaal

Flat

Geen schaduwen, dunne borders, solide oppervlakken. Material-geïnspireerde layout maar minimalistische uitvoering. Rustiger voor lange werkdagen.

Minimaal

Jury Beoordeling

Designer 04 scoorde 45/60 — #5 van 20 concepten. Het meest schaalbare ontwerp van het veld met een token-gebaseerde architectuur.

7
Merkidentiteit
8
Visuele Kwaliteit
8
Bruikbaarheid
6
Innovatie
7
Warmte
9
Schaalbaarheid
Wat te bewaren
  • De token-gebaseerde architectuur als fundament voor het gehele systeem
  • De warme oppervlakken (warm sand #F4EFE9) als primaire achtergrond
  • Toon-kleur-chips als KPI-categorisering
  • MD3-hoogte-niveaus (schaduwen) voor informatieve dieptelagen
Wat te verbeteren
  • MD3-stijl voelt iets "technisch-heavy" — meer Fredoka, minder clean-lineaire knoppen
  • De donkere RADAR-kop (#2C1000) harmoniseren met de rest
  • Synthe-widget "floated card" beter integreren