Huisstijl · Lumen · versie 2

Zo ziet Synthize eruit.

Donker en helder, met één groene punt die zegt dat het werk af is. En een robotje van klei dat overal mag meedoen, zolang hij iets doet. Dit is de basis voor site, decks, socials en product.

Het robotje.

De Zwever: grote kop, klein zwevend lijf, klauwtjes, een kloppende bol op zijn buik en de antenne op zijn kop. Hij zweeft altijd vrij, met zijn schaduw onder zich. En hij is altijd bezig met iets: kijken, zwaaien, tikken. Nooit een plaatje dat er zomaar staat.

Vrij zwevend

Naast een kop, in een hoek van een blok, bij een knop. Altijd met zijn schaduw op de grond, die maakt hem echt.

OffertemakerOfferteconcept staat klaar, gecheckt door sales.

Top, verstuur maar.

OffertemakerVerstuurd

Als avatar

In chat, notificaties en logs is alleen zijn kop genoeg. Klein, plat en altijd herkenbaar.

Als team

Elke agent zijn eigen kleur klei en embleem op zijn oor. Alleen als het echt over het team gaat, niet als decoratie.

Hij doet altijd iets. Kijken, werken, tikken, zwaaien. Een stilstaand robotje plakken we nergens op.
Eén per beeld, behalve als het over het team gaat.
Zijn bol is de punt. Hetzelfde groen, dezelfde betekenis: werk dat af is.
Klei, geen glans. Mat materiaal, zachte schaduw, warme kleuren. Nooit chroom of plastic.

Acht gemoederen.

Geen mond, geen wenkbrauwen. Alles zit in de ogen en hun oogleden, de kop, de armen en zijn bol. Bij wachten en verwarring komt er een tekentje boven zijn kop. Zo blijft hij een apparaat met karakter, geen poppetje.

BlijWerk is af, resultaat binnen.NieuwsgierigNieuwe aanvraag, nieuw proces.GeconcentreerdAan het werk, laat hem even.VerrastIets onverwachts in de data.TrotsMijlpaal, eerste agent live.WachtendNiets te doen, alles loopt.VerwardHuh, wat? Mens-check nodig.KnipoogKleine grap, socials.

Het icoon.

Alleen zijn kop: het vizier met twee ogen, waarvan het rechter iets groter, en de antenne. Plat voor favicon, app en avatars. In 3D voor grote momenten. Geen letter op de antenne, alleen het knopje.

Plat

Op donker zijn antenne en oortjes licht. Op wit krijgt de kop een lijn, anders valt hij weg. Werkt tot 16 pixels.

In 3D

Dezelfde kop uit klei, voor video, hero's en app-store-beelden.

synthize.ai

Formaten en tegels

Op donker, op licht en op groen. De favicon en het app-icoon van de site zijn al omgezet.

De neon rand.

Rond belangrijke blokken draait een lichtstraal. Komt die in de buurt van een robotje, dan gaat zijn bol feller en sneller kloppen, alsof het licht hem oplaadt. Dit werkt overal, ook op de homepage bij de demo en het slot.

Live

Kijk naar zijn buik als de straal langs komt

De straal maakt één rondje per zeven seconden. De bol reageert op de afstand tot de lichte plek: dichtbij fel en snel, ver weg de gewone hartslag.

Kleur.

Bijna zwart, wit met een zilveren verloop in de koppen, en één groen. Paars alleen als licht van opzij, nooit als vlak.

Donker (basis)

Achtergrond#07080c--color-bg
Kaart#0d0f15--color-card
Kaart 2#12151d--color-card-2
Lijnrgba(255,255,255,.09)--t-line
Kop#f7f8f8--color-white
Tekst#d7dae2--color-offwhite
Gedempt#8a8f9c--color-muted
De punt#9cfb3d--t-accent
Agents#8b7bff--color-purple
Klei#eae7f1 · #bfe8d6 · #bcb2f2 · #b9d6f5robotjes

Licht (doorvertaling)

Achtergrond#f5f6f9--color-bg
Kaart#ffffff--color-card
Kaart 2#eef0f5--color-card-2
Lijnrgba(11,13,18,.09)--t-line
Kop#0b0d12--color-white
Tekst#2a2f3a--color-offwhite
Gedempt#5f6675--color-muted
De punt#6fd41f--t-accent op licht
Groen als tekst#3f8f0b--t-accent-ink
Knop#0b0d12--t-cta-bg

Typografie.

Geist voor de koppen, Inter Tight voor de tekst, Geist Mono voor labels en cijfers. Koppen in gewone zinsopbouw, altijd met de punt.

Geist 600 · koppen · zinsopbouw · punt

Meer omzet uit hetzelfde team

Werk dat af is

Inter Tight 400 · tekst · 16 tot 19 px · regelhoogte 1,7

AI-agents en automatiseringen die werk daadwerkelijk afmaken. Geen chatbot-laagje, maar processen die zelfstandig doorlopen, met een mens op de twijfelgevallen.

Geist Mono 500 · labels, cijfers, kickers · hoofdletters met 0,06 em spatiëring

Live demo 1.286 TRIGGER ✓ · AGENT · MENS-CHECK · ACTIE

Het net.

De bolletjes met lijnen uit de hero: een netwerk waar pulsen doorheen lopen, werk dat zichzelf afmaakt. De bolletjes zijn de buiken van de robotjes. Groen is werk dat af is, paars is een agent die denkt, blauw is data die stroomt. Een robotje met een paarse of blauwe buik hoort dus bij het net. Als achtergrond op dia's, banners en wanden, altijd rustig en nooit achter lopende tekst.

Quick scan

Wat automatiseren we eerst

Op licht: donkere lijnen, dieper groen

Groen · werk dat af is

Paars · een agent denkt

Blauw · data stroomt

Op een lichte achtergrond.

Voor documenten, offertes, presentaties bij daglicht en partnersites. Dezelfde vormen, dezelfde groene punt, maar de punt wordt een tint dieper en groen als tekst wordt donkergroen. Met de schakelaar onderin zet je deze hele pagina licht.

Voorbeeld

Meer omzet uit hetzelfde team

Dezelfde koppen, dezelfde knoppen, dezelfde punt. Alleen het papier is wit.

Plan een quick scan →Zie het werken ↓

Stap 1Quick scan€ 5.000

Stap 2Eerste agent livein zes weken