Terug
Concept D — Designer 17

Gradient Flow

Vloeiende verlopen van teal naar oranje als visuele handtekening. Gradient text fills, dynamisch ritme, en een design dat stroomt.

46/60 Jury Score · #4 van 20

Het Concept

Gradient Flow gebruikt de teal→oranje merkgradient als alomtegenwoordige visuele taal. Van sidebar tot knoppen, van KPI-getallen tot kaartaccenten — alles vloeit.

Gradient Text Fill

KPI-getallen tonen een vloeiend verloop van teal naar oranje via background-clip: text. Technisch elegant, visueel onderscheidend.

Signature Gradient

De teal-donker → teal-midden → oranje gradient is de merkidentiteitsdrager. Consequent toegepast op sidebar, knoppen, badges en accenten.

Vloeiend Visueel Ritme

De achtergrond zelf is een subtiel verloop (teal-faint→warm-faint). Elke kaart, elke sectie ademt dezelfde visuele cadans.

Donkere Teal Sidebar

Verticale gradient van #004D49 naar #00AB9C. Glow-decoraties en glasachtig logo-element geven diepte en karakter.

Fredoka + Poppins

Fredoka voor display, koppen en KPI-getallen. Poppins voor body text en UI-elementen. Warm maar professioneel.

Hover Dynamiek

Kaarten liften subtiel bij hover met gradient glow-schaduwen. Knoppen pulseren zacht. Alles reageert vloeiend.

Drie Variaties

Basis

Het volledige gradient-systeem zoals ontworpen. Teal→oranje verlopen op sidebar, knoppen, KPI-tekst en kaartaccenten. Witte kaarten met subtiele gradient shimmer.

Standaard

Vibrant

Meer saturatie, diepere kleuren, stoutere contrasten. Gradient achtergronden op kaarten. De boldste versie voor maximale visuele impact.

Maximaal

Subtle

Gedempte verlopen, vlakkere look. Solide kleuren met gradient accenten alleen op sleutelelementen. Rustiger voor langdurig gebruik.

Ingetogen

Jury Beoordeling

Designer 17 scoorde 46/60 — #4 van 20 concepten. Sterk merkidentiteitsontwerp met technisch slimme gradient text fill.

8
Merkidentiteit
9
Visuele Kwaliteit
7
Bruikbaarheid
8
Innovatie
7
Warmte
7
Schaalbaarheid
Wat te bewaren
  • De gradient text fill op KPI-getallen als handtekening-element
  • De signature gradient als merkidentiteitsdrager
  • De sidebar gradient als subtiele diepte-indicator
  • Het achtergrond micro-gradient voor visuele rijkdom
Wat te verbeteren
  • Minder verlopen op interactieve knoppen — gradient-op-gradient kan visuele vermoeidheid creëren
  • Leesbaarheidstesten voor gradient text bij kleine lettergroottes
  • Tabs-navigatie uitbreiden voor 286-schermen-architectuur