1 — Kleurenpalet
Primary — Signal Navy
Secondary 1 — Tech Teal
Secondary 2 — Digital Violet
Secondary 3 — Steel Blue
Accent CTA — Conversion Amber
2 — Neutrale basis
3 — Gradients
135deg, #0B1B3A → #102A56 → #5B38B5 135deg, #0FA39A → #7ADBD3 → #FDE68A 4 — Typografie
Schaal je groei met marketing én techniek die wél samenwerkt.
Van strategie tot implementatie: meetbare ROI voor SaaS & e-commerce.
Growth Marketing · Engineering · Strategy & Ops
Wij combineren data-gedreven marketing met technische implementatie om predictable, schaalbare groei te realiseren. Geen losse schakels, maar één team dat levert.
Labels, timestamps, meta-informatie en bijschriften worden in deze stijl weergegeven.
Onze diensten
5 — Buttons & interactie
Op licht achtergrond
Op donker achtergrond
Focus ring (tab om te zien)
6 — Gebruiksscenario's
Hero
B2B Growth Agency
Schaal je groei met marketing én techniek die wél samenwerkt.
Van strategie tot implementatie: meetbare ROI voor SaaS & e-commerce.
Trust strip
Vertrouwd door groeiende B2B en e-commerce teams
"De combinatie van marketing en engineering heeft ons CAC met 18% verlaagd terwijl onze ROAS met 32% steeg."
Diensten-cards
Growth Marketing
Paid, SEO, CRO en e-mail geïntegreerd in één meetbaar groeisysteem.
Meer informatie →Tech & Engineering
Tracking, data-infra, API-integraties en schaalbare frontend-builds.
Meer informatie →Case study card
Hoe een D2C-merk zijn advertentie-efficiëntie verdubbelde
Door paid media en server-side tracking samen te brengen reduceerden we attribution-verlies met 40%.
Footer
7 — WCAG contrast
| Combinatie | Toepassing | AA (4.5:1) | AAA (7:1) | Noot |
|---|---|---|---|---|
| #0B1220 op #F8FAFC | Body tekst | Ja | Ja | — |
| #334155 op #F8FAFC | Subcopy | Ja | Vaak ja | Bij twijfel: gebruik #0B1220 |
| #F8FAFC op #0B1B3A | Hero / footer | Ja | Ja | — |
| #F8FAFC op #5B38B5 | Badges | Ja | Vaak ja | — |
| #0B1B3A op #F59E0B | CTA tekst op amber | Ja | Vaak ja | Zorg voor voldoende font-weight |
| #FFFFFF op #F59E0B | Wit op amber | Soms nee | Nee | Gebruik navy tekst (#0B1B3A) |
| #0FA39A op #FFFFFF | Teal tekst op wit | Soms nee | Nee | Gebruik voor iconen/accents; body: #0B6B66 |
| #94A3B8 op #FFFFFF | Disabled | Nee | Nee | Alleen disabled/placeholder, niet informatief |
8 — Icoon stijlen
Stroke-based op 1.75–2px. Kies één kleur per set; nooit mixen op dezelfde pagina.
Icon-background pills (20–30% opacity fill):
9 — Grafiek-kleurenschema
#0FA39A#5B38B5#2F5D9B#F59E0B10 — Merkrationale
Dit palet combineert navy (vertrouwen/autoriteit) met teal en violet (innovatie en technologie), terwijl amber conversie-elementen helder markeert zonder de professionele B2B-uitstraling te breken.
Section spacing: 80–120px vertical (desktop), 48–72px (mobile); card gaps 16–24px.
Overlays op hero-beelden: navy overlay rgba(11,27,58,0.72); bij druk beeld 0.80.
Opacity-regels: muted tekst 70–85%; borders 8–14% op dark achtergronden.
CTA consistentie: amber is exclusief voor primaire acties; teal/violet nooit als primaire knop.
Icon fill vs stroke: kies één stijl per pagina; aanbevolen: stroke + beperkte accentfills (max 10–15%).
Image filter: lichte "cool" grading: saturation −5% tot −10%, contrast +5%; vermijd warme/oranje cast.