Stijlgids

Stijlgids

De visuele taal van Symly — kleuren, tekst, kaarten en knoppen die we overal gebruiken. Een levend overzicht: wat hier staat is wat de app gebruikt.

Kleuren

Zeven basiskleuren plus vier statuskleuren. Alle kleuren zijn tokens, dus één wijziging werkt overal door.

Basis
Achtergrond
Warme crème
#f8f8f6
Kaart
Wit paneel
#ffffff
Merkkleur
Coral / oranje
#c66140
Accent
Apple-blauw
#2a78d6
Tekst
Donkere ink
#121212
Tekst secundair
Beige-grijs
#63615c
Lijnen
Subtiele rand
#e8e7e5
Status
Te laat
Te laat
Alleen voor te late aangiften of echte problemen
Aandacht
Aandacht
Heeft aandacht nodig, niet urgent
Goed
Goed
Goed, betaald, op koers
Neutraal
Neutraal
Neutraal, standaard, informatie

Typografie

Eén grote tekstmaat per pagina (het belangrijkste getal), de rest klein en rustig.

Lettertype
Tekstgrootte
Aa
Hero (desktop)
text-5xl
rem
Aa
Hero (mobiel)
text-4xl
rem
Aa
Paginatitel
text-3xl
rem
Aa
KPI-waarde
text-2xl
rem
Aa
Sub-titel groot
text-xl
rem
Aa
Sub-titel
text-lg
rem
Aa
Lopende tekst
text-base
rem
Aa
Standaard (body)
text-sm
rem
Aa
Klein (caption)
text-xs
rem
€ 8.572,34
5xlHet ene grote bedrag bovenaan een overzichtspagina
Overzicht
3xlPaginatitel
€ 4.988
2xlBedrag op een KPI-tegel
Komende aangiften
sm semiboldSectiekop binnen een pagina
Verbind je integraties om hier inzicht te krijgen.
smStandaard tekst
30 april 2026
xs muteLabels, bijschriften, ondersteunende tekst

Tegels

Drie tegelstijlen voor verschillende doelen. We gebruiken er één per sectie; we mengen ze niet.

KPI-tegel
Eén cijfer met optioneel een trend. Gebruikt op Overzicht.
Omzet
€ 4.98812.1%
Nettowinst
€ 4.12212.1%
Marge
82.6%0%
Orders
620.0%
Verdelingstegel
Toont een deel van een totaal met een balk. Gebruikt op Belasting.
BTW
€ 4.500
52%
One Stop Shop
€ 800
9%
Inkomstenbelasting
€ 2.500
29%
Zorgbijdrage
€ 800
9%
Status-kaart
Iets dat aandacht of actie nodig heeft — met statuskleur en doorklik.
BTW-aangifte K1 2026
30 april 2026
Te laat

€ 3.893,00

20 dagen te laatBekijk details →
Inkomstenbelasting 2025
01 mei 2026
Gegevens nodig

€ 7.962,00

19 dagen te laatBekijk details →
BTW-aangifte K2 2026
31 juli 2026
Periode nog niet gestart

€ 1.452,00

72 dagen te gaanBekijk details →

Status

Twee manieren om status te tonen. We kiezen er één per oppervlak; we mengen ze niet binnen één lijst.

Te laatAandachtBetaaldConcept
Pil-vorm
Voor losse status-aanduidingen op een kaart of in een rij
  • BTW-aangifte K1 2026Te laat
  • Inkomstenbelasting 2025Aandacht
  • BTW-aangifte K4 2025Ingediend
Gekleurde tekst
Voor een hele kolom in een tabel — minder lawaai bij veel rijen

Knoppen

Drie varianten. Eén primaire actie per oppervlak.

Tekstlink
Primary

De belangrijkste actie. Symly-coral, één per oppervlak.

Donkere primary

Neutrale primaire actie. Voor knoppen die geen coral-aandacht hoeven.

Secondary

Annuleren, terug, alternatief. Geen kleur, alleen rand.

Tekstlink

Inline doorklik. Geen pijltjes in lopende tekst.

Tekst en toon

Rustig, helder, kleine letter. Symly viert geen mijlpalen met uitroeptekens.

Zo doen we het
Zo niet
Komende aangiften
KOMENDE AANGIFTEN
Geen openstaande facturen
0 invoices
Klaar
Geweldig! 🎉
Verbind je integraties om hier inzicht te krijgen
Nothing here yet — click below to get started!
€ 1.234,56
$1,234.56 EUR