kaderelke studio in beeld

Kader is de plek waar makers hun volgende studio vinden: foto, video en podcast, op één kaart, zonder gedoe. Het merk leent alles van de studiovloer zelf — de witte cyclorama, de zwarte flags, greenscreen-groen en rollen achtergrondpapier.

01Naam

Waarom "Kader"

ka·der

/ˈkaːdər/ · het · zn.

  1. 1de rand waarbinnen je een beeld vangt — wat een fotograaf de hele dag doet
  2. 2een structuur die houvast geeft — wat het platform doet met een versnipperd aanbod

Eén Nederlands woord, twee betekenissen die allebei precies kloppen. Kort, uitspreekbaar, en het klinkt als een merk in plaats van een zoekterm — de SEO gebeurt op de pagina's ("fotostudio huren Amsterdam"), niet in de naam.

Domein-tip: kader.studio — de .studio-extensie ís hier de merkzin. Check ook kaderstudios.nl als NL-fallback. Beschikbaarheid uiteraard eerst verifiëren.

02Logo

Het beeldmerk: een cyclorama-kader

Een frame dat bovenaan strak is en onderaan wegvloeit in een curve — de doorsnede van een cyclorama-wand, en tegelijk een zoeker waar het onderwerp (de groene stip: jouw studio) in beeld staat.

kader
kader
Altijd lowercase."kader", nooit "KADER" of "Kader" in het logo.
De stip is altijd Chroma-groen. Op elke ondergrond, in elke variant.
Beeldmerk mag solo als app-icoon of favicon; wordmark mag solo in lopende tekst.
03Kleur

Palet van de studiovloer

Elke kleur bestaat echt in een studio. De swatches worden gepresenteerd zoals ze daar hangen: als rollen achtergrondpapier.

Cyc
#EDEDEA
Achtergrond, rust, ruimte
Flag
#171716
Tekst, contrast, gewicht
Chroma
#00B140
Knoppen, links, focus — spaarzaam
Gel
#2F4DE0
Datavisualisatie, badges video
Papier
#D8CBB8
Zachte vlakken, placeholders

Regel: Chroma is de enige kleur die om aandacht mag vragen, en maximaal één keer per scherm. Al het andere blijft Cyc, Flag en Papier — zoals een studio zelf: neutraal, zodat het onderwerp opvalt.

04Typografie

Drie stemmen

Display — Bricolage Grotesque 700–800
Vind je volgende studio.

Voor koppen en het wordmark. Karakter zonder gimmicks; strakke letterspatiëring (−3 à −4%).

Body — Instrument Sans 400–600

Voor alle lopende tekst en interface-elementen. Neutraal, goed leesbaar op mobiel, en het houdt zijn mond zodat de foto's van de studio's het werk doen.

Data — Spline Sans Mono 400–500

120 m²  ·  plafond 4,2 m  ·  vanaf €65/uur  ·  limbowand

Voor specs, prijzen en labels — de "meetgegevens" van een studio verdienen een technische stem. Alle drie via Google Fonts, gratis.

05Tone of voice

Maker tegen maker

Kader praat zoals een bevriende fotograaf die de stad kent: direct, concreet, nul verkooppraat. Specificaties zijn het compliment — een studio hoeft niet "prachtig" te zijn als hij "4,2 meter plafond en daglicht uit het noorden" heeft.

Zo wel

38 studio's in Amsterdam. Filter op limbowand, daglicht of parkeren.

Vanaf €65 per uur. Boek direct bij de eigenaar.

Geen resultaten met greenscreen in Utrecht. Probeer Amsterdam — 12 opties.

Zo niet

Ontdek de mooiste inspirerende creatieve ruimtes van Nederland!

Jouw droomshoot begint hier ✨

Oeps! Er ging iets mis 🙈

06In gebruik

De listing card

Alles komt samen in het belangrijkste component: bovenkant strak, onderkant met de cyc-curve. De foto krijgt de ruimte, de specs staan in mono, en er is precies één groene knop.

Foto · Noord

XYZ Studio A

140 m²limbowandgratis parkerenvanaf €275/dagdeel

De cyc-curve (10px boven, 34–44px onder) is het terugkerende vormprincipe voor cards, modals en beeldkaders — subtiel, maar overal herkenbaar.

07Systeem

Herbruikbare stijlen

Het merk is vertaald naar een klein design system: een typescale als type-* classes, themed surfaces via data-theme, en atoms voor Typography, Button en Badge.

Typescale<Typography type="h2"> of class="type-h2"
type-displayAa
type-h1Vind je volgende studio.
type-h238 studio's in Amsterdam
type-h3XYZ Studio A
type-body-lVoor introteksten en leads onder een kop.
type-body-mVoor alle lopende tekst en interface-elementen.
type-eyebrow01 — sectie-kicker
type-labelKaart-label
type-spec120 m² · plafond 4,2 m · vanaf €65/uur
type-captionVoetnoot of toelichting in mono.
Themed surfaces<div data-theme="flag" class="bg-background text-foreground">
cyc

bg-background

text-highlight

white

bg-background

text-highlight

papier

bg-background

text-highlight

flag

bg-background

text-highlight

chroma

bg-background

text-highlight

De ghost-knop gebruikt text-foreground / border-foreground en kleurt dus vanzelf mee met elk thema.

Button<Button variant="primary" label="…" />

primary · ghost · dark · disabled — max één Chroma-knop per scherm.

Badge<Badge variant="gel">VIDEO</Badge>
Foto · NoordVideoBeschikbaarPodcast

flag · gel · chroma · papier — mono, caps, zoals op de listing card.

Spacingclass="gap-s p-l py-3xl"
3xs
2xs
xs
s
m
l
xl
2xl
3xl
4xl