Merkgids
Eén fundament. Eén eigen stuk.
Eén idee, één logo, één taal. Dit is hoe Worklezz eruitziet, klinkt en beweegt, zodat alles wat we maken als één geheel voelt.
Modules
Integraties
Data
Uw stuk
01 · Het merkidee
Eén fundament. Uw stuk.
De belofte en tegelijk de architectuur. Het fundament is voor iedereen gelijk: modules, integraties en data. Het stuk dat uw organisatie uniek maakt is van u en past er naadloos op.
- Elk beeld, elke pagina en elk scherm vertelt hetzelfde verhaal. Een vast blok en één limoen stuk
- Het limoen stuk is altijd het enige dat opvalt
- Wat standaard kan blijft rustig. Wat van de klant is, krijgt de kleur
02 · Logo
Eén blok met een stuk dat ingrijpt.
Het beeldmerk is één massief blok, het fundament. In het blok is een uitsparing gesneden waarin het eigen stuk grijpt. Dat stuk steekt iets buiten het blok en is altijd limoen. Twee vormen, één geheel.
Constructie
- Blok36 × 36, hoekstraal 9
- UitsparingVanaf 19, hoekstraal 8,5
- Eigen stuk22,5 × 22,5, hoekstraal 6
- Tussenruimte2,5 eenheden, concentrisch
- LockupMerk 1,05 × letterhoogte, afstand 0,3 × merk
Woordmerk
Bricolage Grotesque Bold, kleine letters, strak gespatieerd. De letters zijn getekend als vector, dus het logo is overal gelijk.
Vrije ruimte
Houd rondom het merk minimaal de helft van de merkhoogte vrij. Geen tekst, rand of beeld binnen die zone.
Kleurstellingen
- Op lichtInkt, limoen stuk
- Op donkerWit, limoen stuk
- Op limoenAlles inkt
- Op fotoIn een glazen pil
- Eén kleurAlleen inkt of wit, voor druk
Minimale maat
- Logo96 px breed · 28 mm
- Beeldmerk16 px · 6 mm
- FaviconBeeldmerk, afgerond vierkant op inkt
- App-icoonWitte blok, limoen stuk
16
24
32
48
72
16
24
32
48
72
Het logo op vlakken
Zo niet
Niet rekken
Niet draaien
Geen schaduw
Geen andere kleur
Het stuk niet weglaten
Het stuk niet in inkt
Geen omlijning
Niet scheef
03 · De naam
Minder werk.
Worklezz spreekt u uit als work-less. Het woordmerk is één woord in één kleur, in kleine letters. Het limoen zit alleen in het beeldmerk.
04 · Kleur
Neutraal, met één felle kleur.
Bijna alles is inkt, wit en warm grijs. Limoen is een eigen kleur voor Worklezz: fris, snel en goed zichtbaar, en onderscheidend. Hij heeft de hoogste lichtsterkte van alle kleuren, dus op inkt springt hij eruit. Tekst op limoen is altijd inkt.
Verhouding op een pagina
Limoen: 4%. Als alles limoen is, valt niets meer op.
Contrast, berekend
Tekst op limoen
Knoppen, chips, het eigen stuk
15.1:1 · AAA
Limoen op inkt
Accent, lijnen en tekst op donker
14.3:1 · AAA
Blad op wit
Links en accenttekst op licht
5.6:1 · AA
Gedempte tekst
Toelichting en labels
5.9:1 · AA
Limoen op wit
Alleen als vlak, nooit als tekst
1.2:1 · geen tekst
Wit op inkt
Tekst op donkere panelen
17.9:1 · AAA
Klanten kleuren hun eigen omgeving met hun eigen merkkleur. Deze set is voor Worklezz zelf. In de omgeving van een klant blijft het beeldmerk van Worklezz limoen.
05 · Typografie
Een licht gewicht, groot en strak.
Inter Tight voor koppen in een licht gewicht en met strakke tracking, Inter voor tekst, JetBrains Mono voor labels en feiten. Bricolage Grotesque is voor het woordmerk en voor korte accenten. Koppen zijn tweetonig: vol en gedempt.
Woordmerk en accenten
Aa
Bricolage Grotesque
ABCDEFGHIJKLM abcdefghijklm 0123456789
Koppen
Aa
Inter Tight
ABCDEFGHIJKLM abcdefghijklm 0123456789
Tekst en interface
Aa
Inter
ABCDEFGHIJKLM abcdefghijklm 0123456789
Labels en data
Aa
JetBrains Mono
ABCDEFGHIJKLM abcdefghijklm 0123456789
Display
Software die voelt als maatwerk.
84 / 1,02 / −4,5%
Kop
Eén fundament. Uw stuk.
54 / 1,02 / −4,5%
Subkop
Van kennismaking naar eigen omgeving.
30 / 1,02 / −4,5%
Inleiding
Standaard wat kan, maatwerk waar het moet, en alles centraal beheerd.
20 / 1,625
Tekst
Lopende tekst, knoppen en interface. Ruime regelafstand en korte zinnen lezen rustig.
16 / 1,625
Label
Eyebrow · bron · status · 073 203 2635
11,5 mono / +8% / hoofdletters
Tweetonig
Software die voelt als maatwerk.
vol + 35%
06 · Glas en diepte
Doorzichtig, met licht erachter.
Glas is de bovenste laag: een vlak met blur, een lichtrand van 1px en een reflectie bovenin. Het werkt boven iets met kleur, zoals een gloed of een foto. Illustraties gebruiken geen glas maar de echte app-componenten in een rustig kader.
Standaard
Kaarten en balken
.glassSterk
Boven drukke vlakken
.glass-strongLimoen
Eén per scherm
.glass-limeBlur
20 tot 32 px met 170% kleurverzadiging, alleen op overlays
Rand en schaduw
1 px lichtrand en een lichtlijn bovenin
Gloed
Zachte limoen en munt vlekken met korrel (.glow). Altijd binnen hun eigen paneel, nooit tegen de rand van een sectie
07 · Vorm en ruimte
Panelen op een mat.
Elke sectie is een groot afgerond paneel op een neutrale mat met een smalle rand eromheen. Binnen een paneel is veel ruimte, boven en onder 5 tot 8,5 rem.
Paneel · 2,5 rem
Paneel licht
Afronding
Paneel 2,5 rem · kaart 2 rem · knop en filter volledig rond
Rand
Haarlijn in plaats van schaduw. Diepte komt van lagen
Ruimte
Vast ritme tussen secties. Kaarten 1,75 tot 2 rem binnen
08 · Beweging
Kort, zacht en nooit afleidend.
Bewegingen versterken wat er al staat. Ze zijn kort en snel, gebruiken één vaste curve en staan uit bij ‘minder beweging’. Kaarten bewegen of schalen nooit bij hover.
Achtergrond · puntenraster, gloed en korrel
Eén curve
cubic-bezier(0.22, 1, 0.36, 1). Een beweging duurt 0,2 tot 0,6 seconde.
Duren op één curve
Hero
Titel woord voor woord, de rest zacht erachter
Stellingen
Woorden kleuren in terwijl u scrolt
Tellers
Cijfers tellen op bij in beeld komen
Illustraties
Starten zodra ze in beeld komen, daarna rustig
09 · Illustratiestijl
Eén sjabloon, rustig ingevuld.
Elke tekening is een kengetal met drie regels. Door de vaste opbouw voelen ze als één set en niet als een verzameling.
Eén sjabloon
Kop met statusstip, één groot kengetal, drie rijen en één dunne onderregel. Elke tekening heeft dezelfde opbouw en alleen de inhoud verschilt.
Eén vlak
De tekening staat zonder eigen rand of achtergrond direct in de kaart, met overal dezelfde marge (20px) en dezelfde hoogte.
Eén accent
Limoen is alleen de actieve staaf of de voortgangslijn. Al het andere is inkt, wit en grijs. Geen avatars, chips of iconen.
Eén beweging
Rijen schuiven rustig in en de staven groeien. Meer beweegt er niet, en met verminderde beweging staat alles stil.
De set
- Boekhouding
- Webshop
- Agenda
Data
01- Aanvraag binnenAutomatisch herkend09:12
- GoedkeuringDoor Sanne09:14
- ConceptfactuurKlaar09:15
Automatisering
02128afgehandeld, +8%
Inzichten
0324/7
- Elk verzoek vergeleken
- Noodstop gereed
- Inlogpoging geblokkeerd
Controle
044van 12 modules actief
Centraal beheerd en bijgewerkt
Modules
051aanspreekpunt voor alles
09:12
Vraag
09:14
Gezien
09:31
Opgelost
Aanspreekpunt
063integraties verbonden
- BoekhoudingVerbonden
- AgendaVerbonden
- E-mailBezig
Integraties
07Vraag
Welke facturen zijn te laat?
Antwoord
3facturen, € 6.970
Bron Facturatie
Assistent
083sjablonen, direct bruikbaar
- Bouw12 modules
- Zorg10 modules
- Handel8 modules
Branches
09De lagen, controle en ondersteuning
- Boekhouding
- Agenda
Laag 1 · Data
01€ 18.400openstaand, -34%
Laag 2 · Inzicht
02- Offerte akkoordDoor de klant09:12
- Project en factuurAangemaakt09:12
- Team gemeldKlaar09:13
Laag 3 · Automatisering
03Vraag
Welke klanten reageerden 30 dagen niet?
Antwoord
4klanten zonder reactie
Bron Relaties
Laag 4 · Intelligentie
04- Beheerder
- Planner
- Boekhouder
Elke wijziging staat in het auditlog
Centrale controle
0515 minstreeftijd bij spoed
09:12
Melding
09:14
Reactie
09:31
Opgelost
Ondersteuning staat voorop
06Lege staat
Ontbrekend stuk
Laden
10 · Iconen
Dunne, afgeronde lijnen.
Iconen komen uit één set (Lucide), 24 px raster, lijn van 1,5 px, afgeronde uiteinden en nooit gevuld. Op licht in inkt, op donker in wit. Een icoon in een vakje krijgt een glasvlak, geen kleur.
Data
Automatisering
Inzichten
Controle
Snelheid
Ondersteuning
Assistent
Team
Zoeken
Meldingen
Kennis
Nieuw
Lijndikte
1 px
1,5 px
2 px
1,5 px is onze lijn
11 · Bouwstenen
Dezelfde onderdelen overal.
Eén primaire knop, één schakelaar, één filter en één glaslaag. Dezelfde vorm op de website, in de omgeving van de klant en in beheer.
Velden, keuzelijst en uitleg
Kruimelpad en kaart
Relaties
Klikbare kaart: de pijl draait en kleurt bij hover.
Tabel
| Document | Status |
|---|---|
| Offerte 1042 | Akkoord |
| Factuur 2043 | Wacht |
| Factuur 2038 | Te laat |
Veelgestelde vragen
Een vaste maandprijs, die u vooraf ziet.
Ja, modules zijn op elk moment toe te voegen.
Actiebalk
Bottom sheet
Menu
Kaart
Actief
Voorbeeldkaart op glas, met licht erachter
Paneel in de app
12 · Toon
Zo klinken we.
Zeg u. Schrijf zoals u het aan tafel zou zeggen, zo helder dat een kind van twaalf het begrijpt. Korte zinnen, concrete woorden. Beloof wat we kunnen waarmaken.
13 · Beeld
Mensen aan het werk.
Warm licht, donkere ruimtes en mensen die aan het werk zijn. Geen stockfoto’s en geen mockups zonder context. Foto’s staan alleen als losse beeldband tussen twee secties, nooit in een kaart.
Warm licht
Natuurlijk licht en rustige kleuren.
Het team
Het team aan het werk, geen geposeerde stockfoto’s.
Glazen pil
Tekst of logo op een foto staat in een glazen pil.
Mensen aan het werk
14 · Bestanden
Het logo, direct te gebruiken.
Vectorbestanden voor licht en donker. De letters zijn omgezet naar paden, dus de bestanden werken zonder lettertype.
Persoonlijk kennismaken
Zullen we kennismaken?
Een kop koffie of een belletje van 30 minuten. U praat direct met de mensen die het bouwen en weet daarna wat het kost en wanneer u kunt starten.
073 203 2635Vrijblijvend. Liever een gesprek? Plan een kennismaking.