Merkgids Scoutyzr
“Van bureauportfolio naar onderbouwde lead, met de reden erbij.”
Gemaakt met Brandyzr. Een concept: de symbolen van de ·yzr-producten zijn nog een tussenversie.
Eerst kijken, dan praten.
Alles wat Scoutyzr herkenbaar maakt, op één plek: logo, kleur, letter, de punt, iconen, beeld en toon. Elke kleur hier is dezelfde als in het theme van Scoutyzr.
Scoutyzr is de verkenner van ·yzr
Scoutyzr zoekt leads voor ·yzr: het scant de portfolio’s van WordPress-bureaus, haalt de klantsites eruit en bekijkt per site welke techniek eronder zit. Daarna volgen een branche, een geschatte besparing, een leadscore en bedrijfsgegevens uit KvK. Goede leads gaan met een getekende overdracht naar de intake van Sityzr. Scoutyzr hoort bij de familie Groeien, naast Adlyzr, Contyzr en Translyzr. Het is een intern werkinstrument met een dashboard, zonder publieke site. De verbinding met het moedermerk is de punt.
Van bureauportfolio naar onderbouwde lead, met de reden erbij.
Speurend, nuchter, onderbouwd. Scoutyzr meet eerst en zegt dan pas iets; een schatting heet een schatting.
Detectie van WordPress, plugins, page builder en hosting per site; branche via Claude Haiku 4.5; KvK-gegevens via OpenKVK en api.kvk.nl; overdracht naar de Sityzr-intake.
Drie wegen vanuit één punt
Het symbool bestaat uit drie armen rond de punt: een wegwijzer, het punt waarop een verkenner kiest welke kant hij op gaat. Naast het symbool staat het woord scoutyzr in Host Grotesk 700, altijd in kleine letters. Het symbool staat in olijf (op donker de lichtere olijf), het woord in inkt of wit.
Losse toepassing: app-icoon, avatar. #7D7400 op licht, #958B00 op donker.
Inktvlak met het symbool in #958B00 (5:1 op inkt). Getoond op 64, 32 en 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. De drie armen blijven los van de punt.
De armen aan de punt vastmaken, draaien, uitrekken, een schaduw toevoegen of het woord met een hoofdletter schrijven.
Tussenversie. Het symbool is schets v15 uit de drie voorgeselecteerde schetsen (gekozen boven v17 en v20): de enige zonder witte uitsparing, dus gelijk op licht en donker, en op 24 px nog leesbaar als drie armen en een punt. Het nagetekende woordmerk en symbool volgen in Figma, zoals bij Sityzr.
Olijf zoekt, inkt houdt het rustig
Alle kleuren zijn in OKLCH opgebouwd (tint 104°) 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. Olijf is een donkere, warme tint; daarom draagt inkt de grote vlakken en blijft olijf voor knoppen, links, symbool en iconen. Gebruik olijf nooit als lichte tint op een licht vlak: daarvoor is er olijf zacht.
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, cijfers en code. Koppen zijn strak gespatieerd; op mobiel schalen ze vloeiend mee.
700 · −0,045emEerst kijken.
700 · −0,035emVan portfolio naar lead
De punt is het vertrekpunt
In ·yzr verbindt de punt. In Scoutyzr is hij het punt waar het zoeken begint: de plek in het symbool waar de wegen uiteengaan, en in diagrammen het knooppunt waar een bureauportfolio uitwaaiert naar losse klantsites.
Leadscore uit vijf signalen
8 × 8 px in de productkleur, onder een sectiekop.
Een punt als scheidingsteken, niet een chevron.
Eén portfolio, vier klantsites: elke site wordt apart gescand.
Acht iconen, acht stappen in het zoeken
Gemaakt met dezelfde Recraft-iconstijl als Sityzr en Brandyzr, daarna genormaliseerd naar de tokens: #7D7400, inkt, wit en het zachte vlak. Altijd op wit of op het zachte vlak, ook in een donkere interface. Voor kleine interface-iconen (24 px, lijn) gebruikt de app Lucide.
Bureaus vinden
Klantsites uit portfolio
WordPress en plugins
Branche bepalen
Leadscore
KvK-verrijking
E-mailsequenties
Pijplijn- 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 zien wat er gevonden is
Scoutyzr verkoopt niet aan klanten maar aan het eigen team; beeld is dus functioneel. Achtergronden zijn abstract en rustig, punten op een raster die door dunne lijnen verbonden zijn, met links ruimte voor tekst. Geen vergrootglazen met ogen, geen spionnen, geen stockfoto’s.
Recraft-achtergrondstijl, daarna per verbonden cluster ingekleurd: elke groep punten krijgt één effen kleur (inkt, #7D7400 of #5E5702) op papier (#F9FAFC). De stijl leverde deels Sityzr-groenblauw en een oude producttint; die zijn zo volledig verdwenen.
Rustige vormen, één duidelijke actie
Hoek 10px, gewicht 600, geen sprong bij hover: alleen de kleur wordt dieper (#5E5702). Secundair: inkt met witte tekst. Per scherm één primaire knop.
Mono, kapitalen, ruim gespatieerd. Boven een sectiekop, nooit in lopende tekst. Tekst in #5E5702 op het zachte vlak (6,5:1); de lichte accenttint haalt daar geen AA voor kleine 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.
Techniek, besparing, branche, bedrijfsgrootte en recentheid tellen samen op. De besparing is een schatting met een onder- en bovengrens, geen belofte.
scoutyzrPostsjabloon: één bewering met een getal, één zin uitleg, het resultaat als beeld. Het getal komt uit de code (lead-scorer telt vijf signalen); verzin geen aantallen gescande sites. Geen stockfoto’s en geen hashtagwolken.
Onderbouwd, nuchter, respectvol
| Principe | Zo wel | Zo niet |
|---|---|---|
| Onderbouwd | “Deze site draait op WordPress met een page builder en veel plugins.” | “Deze site is een ramp.” |
| Eerlijk over schattingen | “Geschatte besparing: een bandbreedte, geen belofte.” | “Je bespaart honderden euro’s per maand.” |
| Respectvol | “Wat we zagen, en wat we zouden verbeteren.” | “Je huidige bureau laat je zitten.” |
| Rustig | Korte zinnen, je-vorm, Nederlands zonder jargon. | Uitroeptekens, emoji, hypewoorden als growth hack of game changer. |
Wat vaststaat en wat nog komt
| Onderdeel | Status |
|---|---|
| Kleur, typografie, punt, interface | Concept v0.1, 151/151 theme-velden, 11 contrastcontroles gehaald |
| Symbool en lockup | Tussenversie (schets v15) |
| Feature-iconen (8) | Eerste set, ter beoordeling; gegenereerd met een oude producttint en daarna naar de tokens gezet |
| Achtergronden (3), LinkedIn-banner | Eerste set; banner nog als HTML, niet als PNG |
| Merkgids-record | Klaar om als merkversie vast te leggen; tone of voice nog niet ingevuld |
| Productbeeld (dashboard) | Open: nog geen schermafbeeldingen in de huisstijl |
| Nagetekend woordmerk en symbool | Open: handwerk in Figma |
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.