Merkgids Brandyzr
“Je merk staat één keer vast en klopt overal waar het verschijnt.”
Gemaakt met Brandyzr. Een concept: de symbolen van de ·yzr-producten zijn nog een tussenversie.
Eén merkbron. Elk kanaal.
De eerste merkgids die Brandyzr voor zichzelf maakte, met dezelfde pipeline die straks klanten bedient: palet en theme uit één accentkleur, symbool en iconen via Recraft, en een theme dat één-op-één op een Sityzr-site laadt.
Brandyzr is de merkbron van ·yzr
Brandyzr legt een merk één keer vast (kleur, letter, stem, woorden, logo's) en levert het aan de rest van ·yzr: de site in Sityzr, advertenties in Adlyzr, teksten in Contyzr en vertalingen in Translyzr. Het hoort bij de familie Bouwen, naast Sityzr, Tagyzr en Domainyzr. Waar andere merkgidsen een document zijn, is deze een bron die publiceert.
Je merk staat één keer vast en klopt overal waar het verschijnt.
Precies, kleurrijk, systematisch. Brandyzr is het doek in inkt; elk merk brengt zijn eigen kleur mee.
Eén schema met zes secties, 151 theme-velden in één bron, versies die niet te wijzigen zijn, contrast getoetst op WCAG AA.
Een kader rond de punt
Het symbool bestaat uit vier snijtekens die een kader vormen, met de ·yzr-punt in het midden: de grenzen van een merk, en het merk zelf als middelpunt. Naast het symbool staat het woord brandyzr in Host Grotesk 700, altijd in kleine letters. Symbool en woord staan in inkt (of wit op donker); alleen de punt is koraal, net als in ·yzr.
Losse toepassing: app-icoon, avatar, favicon.
Inktvlak met een wit kader en de koraalrode punt. Leesbaar op 16 px.
- Vrije ruimte rondom = de hoogte van het symbool
- Minimaal 24 px hoog op schermen, 8 mm in print
- Header: 32 px hoog
Op een rustige ondergrond, met genoeg contrast. Het kader blijft open: vier losse hoeken, nooit een gesloten rechthoek.
Het kader sluiten, de punt weglaten of verplaatsen, uitrekken, draaien, een schaduw toevoegen of het woord met een hoofdletter schrijven.
Tussenversie. Het symbool is schets v11 uit 24 Recraft-schetsen (gekozen boven v19 en v3); de punt is als koraalrode cirkel over het midden gelegd. Het nagetekende woordmerk en symbool volgen in Figma, zoals bij Sityzr.
Inkt voor het merk, het spectrum voor de kleur
Brandyzr claimt geen eigen tint. Het merk zelf is inkt, zoals het ·yzr-moedermerk; de kleur komt uit het spectrum van de familie, net zoals Brandyzr elk klantmerk zijn eigen kleur geeft. Alle kleuren zijn in OKLCH opgebouwd en halen WCAG AA. Op een pagina is ongeveer 65% neutraal, 25% inkt en 10% spectrum; de koraalrode punt blijft een speldenprik.
Het spectrum
Zes familiekleuren, elk met een vaste rol: één per icoon, één per sectie, en verspreid over de punten in beeld. Nooit twee spectrumkleuren als vlakken naast elkaar; kleur zit in punten, lijnen en iconen.
#A847C4
Ecolyzr
#2C6BE8
Adminyzr
#007AAC
Tagyzr
#00843B
Contyzr
#AF5C00
Adlyzr
#D5361B
·yzr
Eerdere versie (v0.1): leisteen #657387 als eigen tint. Correct op contrast, maar het maakte de gids bijna grijs. Op de kleurcirkel was geen vrije tint meer met genoeg afstand tot de andere producten; daarom deze richting.
Neutralen
#f9fafc
#f1f4f7
#e3e6eb
#d0d5da
#a0a5ac
#757b82
#595e65
#41454c
#282c31
#15191d
#0b0d11
Status
Host Grotesk voor alles, mono voor labels
Dezelfde familie als de rest van ·yzr: één variabele letter (300–800, OFL) voor koppen en tekst, JetBrains Mono voor labels, hex-waarden en tokennamen. Brandyzr toont veel waarden; mono met tabulaire cijfers houdt die leesbaar.
700 · −0,045emEén keer goed.
700 · −0,035emVan briefing naar vier kanalen
De punt is het merk in het midden
In ·yzr verbindt de punt. In Brandyzr staat hij in het midden van het kader: het merk van de klant, waar alles omheen wordt opgebouwd. Ook in diagrammen is de punt het knooppunt waar één merkbron naar de kanalen uitwaaiert.
Merkversies
8 × 8 px in de productkleur, onder een sectiekop.
Een punt als scheidingsteken, niet een chevron.
Eén punt, vier afnemers: site, ads, content, vertalingen.
Zes iconen, zes dingen die Brandyzr doet
Gemaakt met dezelfde Recraft-iconstijl als Sityzr, daarna genormaliseerd naar de tokens: inkt, wit en per icoon één spectrumkleur. Samen vormen de zes iconen het spectrum. Logo's en iconen blijft voorlopig volledig inkt.
Merk genereren
Levende merkgids
Tokens exporteren
Publiceren naar kanalen
Logo's en iconen
Merkcontrole- Eén icoon per functie, altijd op dezelfde plek en in dezelfde maat (48–64 px)
- Geen tekst of letters in een icoon, geen schaduw, geen verloop
- Kleuren zijn genormaliseerd naar de tokens; een afwijkende tint is een fout
Laat de bron zien, en wat eruit komt
Brandyzr verkoopt met wat het oplevert: een merk dat op meerdere plekken tegelijk klopt. Achtergronden zijn abstract en rustig, punten op een raster die door dunne lijnen verbonden zijn, met links ruimte voor tekst. Geen stockfoto's, geen moodboards vol andermans merken.
Recraft-achtergrondstijl, daarna per verbonden cluster ingekleurd: elke groep punten krijgt één effen kleur, inkt of een spectrumkleur, op papier (#F9FAFC).
Rustige vormen, één duidelijke actie
Hoek 10 px, gewicht 600, geen sprong bij hover: alleen de kleur wordt dieper (#030507). Secundair: wit met inktrand. Per scherm één primaire knop.
Mono, kapitalen, ruim gespatieerd. Boven een sectiekop, nooit in lopende tekst.
Hoeken 6 / 10 / 14 / 20 px. Schaduwen altijd getint met inkt, nooit met een lichte kleur. Container 1.240 px.
LinkedIn eerst
Profielbanner, 1584 × 396 px. Links blijft ruimte vrij voor de profielfoto; de punten vullen rechts het beeld.
De merkversie gaat naar het theme van je site, de BrandKit van je advertenties, de stem van je teksten en het glossarium van je vertalingen.
brandyzrPostsjabloon: één bewering met een getal, één zin uitleg, het resultaat als beeld. Geen stockfoto's en geen hashtagwolken.
Precies, neutraal, behulpzaam
| Principe | Zo wel | Zo niet |
|---|---|---|
| Precies | “Je primaire kleur haalt 4,8:1 op wit.” | “Een prachtig, sprekend kleurenpalet.” |
| Dienstbaar | “Dit is jouw merk; wij houden het op orde.” | “Laat Brandyzr je merk opnieuw uitvinden.” |
| Aantoonbaar | “Gemeten op je eigen site, met de bron bij elke kleur.” | “AI die je merk perfect begrijpt.” |
| Rustig | Korte zinnen, je-vorm, Nederlands zonder jargon. | Uitroeptekens, emoji, hypewoorden als iconisch of next-level. |
Wat vaststaat en wat nog komt
| Onderdeel | Status |
|---|---|
| Kleur, typografie, punt, interface | Concept v0.2 (inkt + spectrum), 151/151 theme-velden, contrast getoetst |
| Symbool en lockup | Tussenversie (schets v11) |
| Feature-iconen (6) | Eerste set, ter beoordeling |
| Achtergronden (3), LinkedIn-banner | Eerste set; banner nog als HTML, niet als PNG |
| Merkgids-record | Klaar om als merkversie vast te leggen |
| Nagetekend woordmerk en symbool | Open: handwerk in Figma |
| Productbeeld (schermen) | Open: er is nog geen portal om te tonen |
Zo’n merkgids voor jouw merk?
Logo, kleur, typografie, iconen, beeld, interface en tone of voice in één gids, met tokens die je website direct kan gebruiken.