Merkgids Sityzr
“Je webshop hoort jou toe. Niet je leverancier.”
Gemaakt met Brandyzr. Een concept: de symbolen van de ·yzr-producten zijn nog een tussenversie.
Merkgids · versie 0.1 · 14 oktober 2026
Eén platform. Eigen code, eigen servers.
Alles wat Sityzr herkenbaar maakt, op één plek: logo, kleur, letter, de punt, iconen, beeld en toon. Elke waarde hier is dezelfde die sityzr.sityzr.com nu gebruikt.
Sityzr is het bouwplatform van ·yzr
Sityzr bouwt websites en webshops voor elke branche, op één codebase en eigen servers in de EU (Hetzner, Duitsland). Het hoort bij de familie Bouwen van ·yzr, naast Tagyzr en Domainyzr. De verbinding met het moedermerk is de punt: in ·yzr is hij koraalrood, in een productlogo neemt hij de productkleur aan.
Je webshop hoort jou toe. Niet je leverancier.
Engineered, modulair, rustig, scherp. Zegt wat het doet, belooft niets wat het niet kan aantonen.
Aparte database per klant, AFAS in productie, vast maandbedrag zonder fee per bestelling.
Symbool plus woord, altijd in kleine letters
Het logo is een lockup: het Sityzr-symbool (twee modules die via de punt één geheel vormen) en het woord sityzr in Host Grotesk. Het symbool staat in de productkleur, het woord in inkt of wit.
Losse toepassing: app-icoon, avatar, favicon.
Inktvlak met de punt in de productkleur. 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. Licht logo op donker, donker logo op licht.
Uitrekken, draaien, een schaduw of gloed toevoegen, het woord met een hoofdletter schrijven, de kleuren wisselen of het symbool los van het woord gebruiken naast een andere merknaam.
Tussenversie. Het symbool is schets v7 uit de verkenning; het nagetekende woordmerk en symbool vervangen dit bestand één-op-één.
Groenblauw draagt, inkt houdt het rustig
Alle kleuren zijn in OKLCH opgebouwd en halen WCAG AA. Op een pagina is ongeveer 70% neutraal, 20% inkt en 10% accent; de koraalrode punt is een speldenprik, nooit een vlak.
Neutralen
#f9fafc
#f1f4f7
#e3e6eb
#d0d5da
#a0a5ac
#757b82
#595e65
#41454c
#282c31
#15191d
#0b0d11
Status
Host Grotesk voor alles, mono voor labels
Eén variabele familie (300–800, OFL) houdt het systeem rustig. JetBrains Mono geeft labels, cijfers en code het engineered karakter. Koppen zijn strak gespatieerd; op mobiel schalen ze vloeiend mee.
700 · −0,045emHoort jou toe.
700 · −0,035emVijf dingen die je met sityzr doet
De punt verbindt
De punt uit ·yzr komt overal terug als verbinder: tussen modules in het symbool, als knooppunt in diagrammen, als sectiestreep en als scheidingsteken. Het is het enige decoratieve element; verder is het merk vlak en rustig.
Contact informatie
8 × 8 px in de productkleur, onder een sectiekop.
Een punt als scheidingsteken, niet een chevron.
Koppelingen lopen via een punt: zo leest het diagram ook zonder tekst.
Stevige, geometrische iconen in twee kleuren
Feature-iconen zijn vlak, afgerond en opgebouwd uit modules, met de punt als verbinder waar dat past. Altijd groenblauw met inkt, op wit of op het zachte vlak. Voor kleine interface-iconen (24 px, lijn) gebruikt de portal Lucide.
Multistore
Merkgids-generator
Prototype-generator
Branchetemplates
Sitebouwer
Webshop
B2B en offertes
Loyaliteit en cadeaubonnen
Abonnementen
E-mailmarketing
AI Content Studio
Meertaligheid
Productfeeds
AFAS en orderinvoer
Prijsoptimalisatie- Eén icoon per feature, 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 het product zien, geen stockfoto's
Sityzr verkoopt met het echte product: schermen, catalogi, koppelingen. Achtergronden zijn abstract en rustig, opgebouwd uit punten en lijnen, met links ruimte voor tekst. Geen mensen, robots of gloeiende breinen.
Productbeeld
Schermen van het echte platform, in de merkkleuren, met één of twee zwevende kaarten die een bewijs tonen (voorraad uit AFAS, prijs per klantgroep).
Achtergronden
Punten op een raster, enkele verbonden door dunne lijnen. Alleen groenblauw en inkt, op de lichte grond.
Rustige vormen, één duidelijke actie
Hoek 10 px, gewicht 600, geen sprong bij hover: alleen de kleur wordt donkerder. 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 punt vult rechts het beeld.
Eén keten zonder plug-ins: elke synchronisatie heeft een log die je in de portal terugziet.
Postsjabloon: één bewering met een getal, één zin uitleg, het product als beeld. Geen stockfoto's en geen hashtagwolken.
Zeg wat het doet, bewijs wat je zegt
| Principe | Zo wel | Zo niet |
|---|---|---|
| Direct | “Wij schrijven de code, wij beheren de servers.” | “Wij bieden end-to-end oplossingen op maat.” |
| Aantoonbaar | “AFAS in productie, voorraad elke 4 minuten.” | “Naadloze integraties met al je systemen.” |
| Eerlijk | “We zeggen eerlijk of wij de juiste partij zijn.” | “Het beste platform van Nederland.” |
| Rustig | Korte zinnen, je-vorm, Nederlands zonder jargon. | Uitroeptekens, emoji, hypewoorden als revolutionair of next-level. |
Wat vaststaat en wat nog komt
| Onderdeel | Status |
|---|---|
| Kleur, typografie, punt, interface | Vast, live op sityzr.sityzr.com |
| Logo-lockup en favicon | Tussenversie |
| Feature-iconen (15) | Eerste set, ter beoordeling |
| Achtergronden, LinkedIn-banner | Eerste set |
| Nagetekend woordmerk en symbool | Open: handwerk in Figma |
| Illustraties, patronen, motion | Fase 2 |
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.