Nextform OS

Brand Identity v1.0

AI-native business transformation

Een merk dat vooruit beweegt.

Nextform OS is het besturingssysteem voor organisaties die zich met AI opnieuw uitvinden. Het merkteken vertaalt dat naar één gebaar: een gesloten vorm die openbreekt en voorwaarts wijst.

Nextform OS

01 / Concept

Het merkteken

Frame

De open vierkante vorm staat voor de bestaande organisatie: structuur, systemen, processen.

Chevron

De naar voren gerichte punt is de transformatie — richting, momentum, versnelling.

Grafiet basis

Het donkere segment fundeert het geheel: technologie die stabiel blijft onder verandering.

02 / Kleur

Palet

Signal Orange

#F45314

Primair

Deep Ember

#C2400E

Diepte

Soft Amber

#F0B37A

Accent

Graphite Ink

#262421

Tekst

Bone

#FAF8F4

Achtergrond

03 / Typografie

Type systeem

Display — Space Grotesk Semibold

Transformatie op systeemniveau

Body — DM Sans Regular

Rustige, neutrale broodtekst met ruime regelafstand. Gebruikt voor documentatie, interface-teksten en propositie-uitleg, altijd links uitgelijnd.

04 / Toepassing

In gebruik

Nextform OS

Maarten Dik

Transformation Lead

Nextform OS

Tim Hoogstrate

AI Tech Lead

Van pilot naar productie

N/OS

05 / Product UI

App shell 1-op-1

Referentie voor de applicatie. Onderstaande weergave is echte code met design tokens — neem de tokens en klassen letterlijk over. Bron: src/components/app-ui-preview.tsx en src/styles.css.

Nextform OSGoedemiddag, tim@nextformos.nl

CMSTH

BronnenScan startenWat we al weten

Organisatie processen

De business units en processen die de scan heeft gevonden in de bronnen van de setup wizard.

↓ Quick scan rapport

Samenvatting

Concept

Nederlandse e-commerce- en distributiegroep in fitness, met drie webshops, groothandel en zes fysieke franchisewinkels. Vanuit een magazijn van 8.000 m² levert het circa 9.000 producten binnen 24 uur.

Branche

E-commerce & groothandel — omnichannel D2C/B2C/B2B

Geschat aantal medewerkers

40-70 (hoofdkantoor ruim 40)

Goedkeuren & scan startenHiermee zet je de scan op "loopt" en kun je het team uitnodigen.

Voeg een business unit toe

Bijv. HR

Omschrijving

1 zin

Toevoegen

--app-canvas

Achtergrond werkgebied

--app-surface

Kaarten, topbar, sidebar

--nav-active

Actief menu-item

--primary

Primaire actie & accent

--ink

Secundaire knop, koppen

--badge-draft

Status 'Concept'

--badge-neutral

Rol- en meta-labels

--app-border

Lijnen & scheidingen

Element	Specificatie
Topbar	56px hoog, bg-app-surface, 1px onderrand app-border. Links: logo mark 28px + wordmark 'Nextform OS' (OS in primary). Rechts: CMS-pill + avatar 32px in primary.
Sidebar	240px breed, bg-app-surface, rechts 1px app-border. Items: display 14px semibold + subtitel 11px muted. Actief item: bg-nav-active, tekst nav-active-foreground, 2px linkerbalk in primary.
Tabs	Onderlijn 2px. Actief: primary + ink tekst semibold. Inactief: transparant + muted.
Kaarten	bg-app-surface, radius 0.25rem (--radius), 1px app-border, shadow --shadow-app, padding 24px.
Primaire knop	bg-primary, tekst primary-foreground, 14px semibold, padding 10px/20px, radius md. Hover: --primary-deep.
Secundaire knop	bg-ink met ink-foreground (was donkerblauw) — nooit blauw.
Links	text-primary, underline offset 4px.
Badges	Concept: bg-badge-draft / badge-draft-foreground. Neutraal label: bg-badge-neutral. Pill radius full, 11px.
Inputvelden	1px border-input, bg-app-surface, radius md, 8px/12px padding. Focus: ring in --ring (primary).
Typografie	Koppen Space Grotesk semibold, letterspacing -0.02em. Body DM Sans regular 14px, muted-foreground voor toelichting.
Radius	--radius = 4px; md = 2px+, lg = 4px. Pills full.
Te vervangen	Alle blauwe UI-kleuren (#1e40af e.d.) vervallen; vervang door primary (actie) of ink (neutraal donker).

06 / Regels

Do & don't

Minimaal 1× de markhoogte vrije ruimte rondom
Op donkere vlakken alleen oranje + wit gebruiken
Minimale weergave: 24 px hoogte

Niet roteren, vervormen of van verloop voorzien
Geen slagschaduw of outline toevoegen
Nooit op onrustige fotografie zonder contrastvlak