Het selectiekader ken je uit elk ontwerpprogramma. In het logo staat het om "ai": hier wordt ontworpen, niet gegenereerd. AI is gereedschap, de ontwerper maakt de keuzes. Dat ene beeld draagt het hele merk.
Logo
Het woordmerk is getekend in Archivo Extra Bold, iets verbreed, met omlijnde letters. Het werkt dus overal, ook zonder het lettertype. Gebruik altijd de bestanden, typ het logo nooit zelf na.
Primair, op wit of mistInverse, op inkt
Eén kleur inkt, voor print en stempels
Wit, op foto's en op signaaloranje
96 px icoon48 px
32 px favicon16 pxuitrekken of indrukkenandere kleurenop een kleurverloopdraaien of schuin zettenKleuren
Inkt en wit dragen het merk. Signaaloranje is het accent: het kader, de knop, één woord dat eruit springt. Gebruik het spaarzaam, dan valt het op. Op een pagina is ongeveer 70% wit of mist, 25% inkt en 5% oranje.
#0F1B2DRGB 15 27 45tekst, donkere vlakken#FF5B1FRGB 255 91 31kader, knoppen, accent#E8ECF1RGB 232 236 241achtergrond, vlakken#FFFFFFRGB 255 255 255basis#C2410Coranje tekst en links op wit#5D6B80bijtekst op wit en mist#9AA6B8bijtekst op inktLetters
Eén familie: Archivo, gratis via Google Fonts en dus ook te gebruiken in Divi. De breedte-as maakt het verschil: koppen breed en zwaar, tekst normaal. Geen tweede lettertype nodig.
breedte 125 · gewicht 900
64 px · regel 0,98 · spatie −3%AI webdesign zonder template
breedte 125 · gewicht 900
40 px · regel 1,05Drie ontwerpen voor € 29
breedte 112 · gewicht 700
24 px · regel 1,2Zo werkt het: van ontwerp tot website
breedte 100 · gewicht 400
18 px · regel 1,6Een ontwerp dat eruitziet als jouw bedrijf, gebouwd in WordPress. Je beheert het zelf, en ik help als je er niet uitkomt.
13 px · hoofdletters · spatie +10%Binnen 3 werkdagen in je mail
Het kader
Het kader is meer dan het logo. Zet het om het woord, de prijs of het ontwerp waar het om draait. Zo wijst het merk steeds aan wat er bewust gekozen is.
- Maximaal één kader per scherm of per post. Twee kaders vechten om aandacht.
- Het kader staat altijd om iets: een woord, een getal, een beeld. Nooit leeg als versiering.
- Kader en grepen altijd in signaaloranje. Grepen gevuld met de achtergrondkleur.
- Lijndikte ongeveer 6% van de letterhoogte, grepen 20%.
Drie kaders
Het beeld voor het aanbod: één aanvraag, drie richtingen. Drie ontwerpen klikken één voor één vast in een kader. Gebruik het in de hero, in voorstellen, carrousels en video's. Nooit in het logo zelf.
Knoppen en links
De hoofdknop is signaaloranje met inkttekst, nooit wit op oranje. Hoeken bijna recht (2 px), passend bij het kader. Eén hoofdknop per scherm.
Toepassingen
Licht voor de website en voorstellen, zodat ze rustig en leesbaar blijven. Donker voor social en advertenties, zodat het merk opvalt in een witte feed.
AI webdesign zonder template
Een ontwerp dat eruitziet als jouw bedrijf, gebouwd in WordPress. Voor € 29 heb je binnen 3 werkdagen drie homepage-ontwerpen in je mail.
aiwebdesignr.nl
Quint Engelwebdesigner · 0174 - 76 16 76aiwebdesignr.nl
Voorstel voor Bakkerij VoorbeeldDrie ontwerprichtingen · oktober 2026Bestanden
Deze bestanden krijg je bij de oplevering. Gebruik SVG waar het kan, PNG alleen waar een programma geen SVG slikt.