IFKD Platform · Design concept v0.1

Stijlrichting

Voorbeeldpagina's om de visuele richting van het platform af te stemmen. Dit zijn geen definitieve schermen: de inhoud is fictief en de merkassets van IFKD volgen nog.

Aa

Typografie & kleur

Lettertypes, typeschaal en het palet met pruim als merkkleur.
InschrijvenBetaaldTe beoordelen

Elementen

Knoppen, formulieren, statussen, meldingen, upload en import.

Beheeromgeving

Zijbalk, kerncijfers per editie, deelnametabel en controlelijst.

Inloggen / inschrijven

Formulier in een kader, met ruimte voor een foto of video als achtergrond.

Uitgangspunten

Kleur

  • Pruim #8E1049 is de merkkleur, voor de zijbalk, primaire knoppen en focus.
  • Teal #4CBAB6 en amber #F9B233 zijn accenten, afgeleid van de IFKD-site.
  • Statuskleuren (groen, amber, rood, teal) zijn apart gehouden van het merk.

Toepassing

  • Schoolportaal mobiel-eerst, beheer desktop-eerst.
  • Status altijd met icoon en tekst, nooit alleen kleur.
  • Een waarschuwing is een signaal: IFKD beslist.
  • Doel is WCAG 2.2 AA. Alle UI-tekst is Nederlands.

De pagina's delen één stylesheet (ifkd.css). Bij de bouw gaan de tokens naar het Tailwind-thema, zie ../DESIGN.md. Logo en beeldmateriaal van IFKD volgen (D-25), en het merkteken hier is een tijdelijke placeholder.