Onze vernieuwde branding: scherper, consistenter en klaar voor productwerk

We hebben de afgelopen periode onze branding aangescherpt. Niet omdat alles anders moest, maar omdat FullStack Studio inmiddels op meer plekken zichtbaar is: op de publieke website, in het admin panel, in het klantenpaneel, in webmail en op documenten zoals prijsopgaven, offertes en facturen.

Een merk dat alleen op een homepage werkt is niet genoeg. Ons logo moet ook helder blijven in compacte navigatie, op donkere interfaces, in PDF's, in favicons en in app-achtige omgevingen. Daarom hebben we de set opgeschoond en consequenter gemaakt.

Wat er is aangepast

• Het horizontale logo is de standaard geworden voor plekken waar ruimte is voor de volledige naam.
• Er is een lichte variant voor donkere interfaces, zonder witte achtergrond achter het logo.
• Het icon is de basis voor favicons, app icons, loading states en compacte UI.
• PDF-documenten gebruiken dezelfde branding, zodat offertes, prijsopgaven en facturen beter aansluiten op de rest van de ervaring.
• De admin, portal en webmail gebruiken nu dezelfde merktaal als de publieke website.

Alle logo's en icons

Kleuren en gebruik

• Logo lime: #c7fb15 - gebruikt in het logo zelf.
• Interface lime: #c7ff4a - gebruikt voor knoppen, labels en actieve accenten in de website en applicatie.
• Ink: #101317 - primaire tekstkleur en donkere interfacekleur.
• Background: #f7f8f4 - rustige basisachtergrond van de publieke website.
• Muted text: #66717d - ondersteunende tekst en metadata.
• Cyan accent: #48d8ff - secundaire accentkleur voor gradients en visuele diepte.
• Coral accent: #ff6f59 - warme accentkleur voor highlights.
• Violet accent: #7c5cff - aanvullende accentkleur voor variatie in interface-elementen.

De donkere horizontale logo-variant gebruiken we op lichte achtergronden en in PDF-documenten. De lichte horizontale variant is bedoeld voor donkere navigatie en applicatie-omgevingen waar het woordmerk anders te weinig contrast heeft. Het losse icon gebruiken we voor favicons, app icons, loading states en compacte plekken waar de volledige naam te veel ruimte inneemt.

Waarom dit belangrijk is

Branding lijkt vaak alleen visueel, maar in een digitaal product gaat het ook over herkenning en vertrouwen. Een klant die inlogt in een portaal, een mailbox opent of een offerte downloadt, moet steeds voelen dat hij in dezelfde professionele omgeving zit.

Daarom hebben we niet alleen het logo vervangen, maar ook gekeken naar de context waarin het gebruikt wordt. Op een donkere sidebar hoort geen wit vlak achter het logo nodig te zijn. In een PDF moet het logo scherp blijven. In een browser-tab moet het icon ook op klein formaat herkenbaar zijn.

Eén merk, meerdere toepassingen

De nieuwe branding is opgebouwd als een praktische set in plaats van één los bestand. Dat maakt het makkelijker om in de toekomst nieuwe onderdelen toe te voegen zonder dat ieder scherm opnieuw ontworpen hoeft te worden.

Voor ons past dat precies bij hoe we software bouwen: visueel strak, technisch netjes en vooral consequent doorgevoerd tot in de details.