Branding

FullStack Studio merkassets op een plek.

Het horizontale logo is de standaard voor brede toepassingen. Het icon blijft beschikbaar voor app-plekken, compacte UI en loading states.

Logo assets

Logo's voor brede en compacte toepassingen.

Horizontaal logo

Horizontaal logo

Voor website, admin, portal, webmail en PDF-documenten.

App icon

App icon

Voor favicon, app icon en compacte merkplekken.

Kleuren

Een lichte basis met scherpe technische accenten.

De kleurset combineert rustige contentvlakken met herkenbare accenten voor actie, status en productdiepte.

#c7ff4a

Interface lime

Primair accent voor knoppen, labels, focus en actieve states.

#101317

Ink

Primaire tekstkleur, donkere merkvlakken en applicatiechrome.

#f7f8f4

Background

Rustige publieke basisachtergrond voor pagina's en secties.

#66717d

Muted text

Ondersteunende copy, metadata en secundaire labels.

#48d8ff

Cyan accent

Secundair accent voor gradients, data en visuele diepte.

#ff6f59

Coral accent

Warm accent voor highlights, waarschuwingen en contrastmomenten.

#7c5cff

Violet accent

Aanvullend accent voor variatie in interface-elementen.

Voorbeeld

Connected digital system

Ink draagt de inhoud, lime stuurt actie, cyan/coral/violet blijven accenten.

Typografie

Inter Tight voor koppen, Inter voor interface en copy, mono voor technische details.

Koppen zijn compact, zwaar en strak gezet met lichte negatieve letter-spacing. Bodycopy blijft rustig, scanbaar en ruim gezet.

Displayclamp(3rem, 7vw, 7.4rem) / 930

FullStack Studio

Sectietitelclamp(2rem, 4vw, 4.35rem) / 900

Digital systems that work together.

Kaarttitelclamp(1.45rem, 2.4vw, 2.35rem) / 860

CRM & automation

Body1.05rem / 400

Websites, portalen en workflows die als een systeem samenwerken.

Label0.82rem / 820

FULLSTACK STUDIO

Radius8px

Standaard radius voor knoppen, kaarten en tools.

Contentbreedte1180px

Publieke pagina's gebruiken een brede maar begrensde layout.

Body line-height1.7 - 1.82

Ruime tekstafstand voor langere Nederlandse copy.

Font stackInter Tight / Inter / mono

Display voor koppen, sans voor UI en content, mono voor codes en technische waarden.