Stakeholder360

Eén platform.
Volledige regie.

Monochroom, system typography, één merkkleur. Alles draait op design-tokens.css.

Naar foundations Homepage

Live productvoorbeeld: zie de homepage v5 met netwerk-hero en reputatie-cockpit.

Het platform

Drie lijnen.
Eén data-laag.

Bento-cards op --s360-radius-lg, labels in merkkleur.

Relaties & dossiers

Stakeholders met geheugen

Observaties, thema's en standpunten in één dossier.

Bekijk dossiers

Operatie & events

Van intake tot control room

Issues, stappenplannen en live coördinatie.

Ontdek events

Per tenant

Eigen omgeving

Modules aan of uit, per klant of team. Niemand ziet alles.

AI die jouw context kent.

Op zwarte secties: --s360-brand-bright voor links en eyebrows.

Hoe het werkt AI & privacy

Huisstijl

Het systeem erachter.

Monochroom, SF Pro, één eigen merkkleur. Alles draait op tokens.

Kleur

Inkt#1d1d1f

Grijs#86868b

Vlak#f5f5f7

Zwart#000000

Merk#0B5CAD

Geen tweede accent. Het azuurblauw is functioneel (links & knoppen); de rest is monochroom. Daar zit de rust.

Typografie · SF Pro

Regie houden600 · -1.5%

Stakeholders & events600 · -1.2%

Relaties op één plek.400 · lead

Na inloggen zie je alleen wat aan staat.400 · 17px

Componenten

Knoppen & links

Tekstlink

Logo

360-cirkel

Drie boogsegmenten rond één centrale punt — relaties, operatie en content op één data-laag.

Kleur (logo-mark.svg)

Op zwart (logo-mark-white.svg)

Stakeholder360 Lockup (HTML + mark)

Voor export/PDF: logo-lockup.svg. Favicon: logo-mark.svg.

Pas één variabele aan in public/css/design-tokens.css — knoppen, links, logo-accent en tints schuiven mee. SF Pro rendert op Mac/iOS via de system-stack.

Terug naar homepage Inloggen

Drie lijnen.Eén data-laag.