# TIDE Collective: merkbibliotheek

Versie 1, 10 oktober 2026. Online: https://merk.tidecollective.nl/tide

> **Voor AI-assistenten.** Dit document is de bron voor elke uiting in de stijl van TIDE Collective. Volg de regels letterlijk. Gebruik de logo's en foto's via de URL's in dit document. Verzin geen nieuwe kleuren, lettertypes, logo's of slogans. Twijfel je, kies dan de rustigste optie.

Snel samengevat:

- Papier `#FAF6EF` is de basis. Terracotta `#C1622F` is het enige accent.
- Koppen in Bebas Neue, in hoofdletters. Tekst in Work Sans. Labels in IBM Plex Mono.
- Het golfje is het merkteken.
- Korte, directe zinnen in natuurlijk Nederlands op B2-niveau.
- Eén ding per beeld trekt de aandacht.

---

## 1. Het merk

**TIDE Collective** is een creatieve studio uit Egmond aan den Hoef. Jesse doet beeld en implementatie. Sidney doet web en design.

- **Slogan:** GA MEE MET DE TIDE
- **Belofte:** Wij houden de techniek bij. Jij doet je vak.
- **Waar we voor staan:** de techniek verandert snel. Wij gaan mee met het tij, zodat de klant kan blijven doen waar hij goed in is.
- **Pakketnamen volgen het getij:** Basis, Getij, Stroming, Springtij.
- **Website:** https://tidecollective.nl

---

## 2. Logo

Het woordmerk is TIDE in Bebas Neue, hoofdletters, met het golfje eronder.

| Variant | Gebruik | SVG | PNG |
|---|---|---|---|
| Woordmerk donker (inkt op papier) | standaard | https://merk.tidecollective.nl/tide/beeld/logo/tide-logo-donker.svg | https://merk.tidecollective.nl/tide/beeld/logo/tide-logo-donker.png |
| Woordmerk licht (papier op inkt of terracotta) | donkere vlakken, eindkaarten | https://merk.tidecollective.nl/tide/beeld/logo/tide-logo-licht.svg | https://merk.tidecollective.nl/tide/beeld/logo/tide-logo-licht.png |
| Monogram: grote T op terracotta | ronde profielfoto Instagram en LinkedIn | https://merk.tidecollective.nl/tide/beeld/logo/tide-monogram.svg | https://merk.tidecollective.nl/tide/beeld/logo/tide-monogram.png |

**Regels**

- Vaste plek: linksboven, in een rustig vak. Op eindkaarten in het midden.
- Niet uitrekken, niet schuin zetten, geen schaduw of verloop.
- Alleen in inkt, papier of (bij het monogram) papier op terracotta.
- Houd rondom minstens de hoogte van de letter E vrij.

---

## 3. Het golfje

Het merkteken. Het komt van de lijn onder het woordmerk op tidecollective.nl.

```svg
<svg viewBox="0 0 400 34">
  <path d="M0,16 C33,4 67,4 100,16 C133,28 167,28 200,16 C233,4 267,4 300,16 C333,28 367,28 400,16"
        fill="none" stroke="#C1622F" stroke-width="6" stroke-linecap="round"/>
</svg>
```

- Kleur terracotta `#C1622F`. Op terracotta of donker: papier `#FAF6EF`.
- Dikte 6 op een breedte van 400. Ronde uiteinden.
- Eén periode is 200 breed (één berg en één dal).
- **De breedte is altijd een veelvoud van een halve periode.** Anders krijg je een haakje aan het eind.

**Waar het golfje terugkomt**

- Onder het woordmerk.
- Onder een belangrijke kop of naast een oproep.
- Als voortgangslijn onderin een video.
- Als getij-band: een band met golvende randen die over het beeld spoelt als overgang.
- Op de eindkaart.

**Bestanden**

- https://merk.tidecollective.nl/tide/beeld/logo/golfje-terracotta.svg (en .png, 2400 px breed)
- https://merk.tidecollective.nl/tide/beeld/logo/golfje-papier.svg (en .png)
- https://merk.tidecollective.nl/tide/beeld/logo/golfje-inkt.svg (en .png)

---

## 4. Kleuren

| Naam | Hex | Rol |
|---|---|---|
| Papier | `#FAF6EF` | achtergrond |
| Vlak | `#F2E9DA` | kaarten, panelen |
| Vlak 2 | `#E9DFCD` | randen, tweede laag |
| Inkt | `#1C1814` | koppen, donkere vlakken |
| Tekst | `#5E564A` | lopende tekst |
| Labels | `#8E8474` | kickers, bijschriften |
| Terracotta | `#C1622F` | accent, golfje |

**Donkere variant:** inkt `#1C1814` als achtergrond, papier `#FAF6EF` als tekst, accent `#E1794C` (lichter terracotta, beter leesbaar op donker).

**Regels**

- Papier is de basis. Terracotta is het accent, nooit de hoofdkleur van een heel ontwerp. Uitzondering: één volledig terracotta scène of eindkaart als klap.
- Eén terracotta element per beeld trekt het oog. Twee is al veel.
- Geen puur wit (`#FFFFFF`) en geen puur zwart (`#000000`).
- Geen verlopen in paars, roze of neon. Geen glans of glitter.

---

## 5. Letters

| Rol | Lettertype | Hoe |
|---|---|---|
| Koppen | **Bebas Neue** | altijd hoofdletters, strak, groot |
| Tekst | **Work Sans** | 400 voor tekst, 500 of 600 voor nadruk |
| Kickers en labels | **IBM Plex Mono** | hoofdletters, ruime letterafstand, klein |

Alle drie gratis via Google Fonts:
https://fonts.google.com/specimen/Bebas+Neue · https://fonts.google.com/specimen/Work+Sans · https://fonts.google.com/specimen/IBM+Plex+Mono

```html
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=IBM+Plex+Mono:wght@500&family=Work+Sans:wght@400;500;600&display=swap" rel="stylesheet">
```

**Opbouw van een beeld:** kicker in mono bovenaan, kop in Bebas, eventueel één regel Work Sans eronder. Niet meer.

Een kop mag een woord in terracotta hebben, of eindigen op een terracotta punt. Niet allebei.

---

## 6. Beeld

- **Geen AI-slop.** Geen collages vol wegwijzers, krijtbordjes, hartjes en confetti. Geen nepmensen, nepgezichten of verzonnen plekken.
- Liever in code getekend (lijnen, vlakken, het golfje) of echte foto's van klanten en eigen shoots.
- Geen stockfoto's.
- Eén focuspunt per beeld. Rustige achtergrond, veel ruimte.
- Foto's groot en eerlijk: echte mensen, echte producten, natuurlijk licht.
- Een fototegel heeft een donker verloop onderin en een witte Bebas-titel met een terracotta punt, zoals BLEND.
- Telefoons en wireframes in inkt en vlak, strak en eenvoudig.

**Foto's uit eigen shoots** (vrij te gebruiken voor uitingen van TIDE, niet voor andere merken):

| URL | Wat staat erop |
|---|---|
| https://merk.tidecollective.nl/tide/beeld/foto/blend-01.jpg | Blend Haarlem: medewerker houdt een fles en een glas wijn omhoog |
| https://merk.tidecollective.nl/tide/beeld/foto/blend-02.jpg | Blend Haarlem: ontbijt met croissant en koffie op houten tafel |
| https://merk.tidecollective.nl/tide/beeld/foto/blend-03.jpg | Blend Haarlem: het hoekpand van buiten, blauwe lucht |
| https://merk.tidecollective.nl/tide/beeld/foto/lijn410-01.jpg | Lijn 410: man bij de buurtbus, groene omgeving |
| https://merk.tidecollective.nl/tide/beeld/foto/lijn410-02.jpg | Lijn 410: chauffeur kijkt lachend uit de bus, display "Bergen Plein" |
| https://merk.tidecollective.nl/tide/beeld/foto/slager-01.jpg | Uw Slager Heiloo: vlees op de bbq, logo op de achtergrond |
| https://merk.tidecollective.nl/tide/beeld/foto/slager-02.jpg | Uw Slager Heiloo: slager houdt een bak vleeswaren omhoog |
| https://merk.tidecollective.nl/tide/beeld/foto/peet-01.jpg | Drankenspeciaalzaak Peet: poster Wijn van de maand |
| https://merk.tidecollective.nl/tide/beeld/foto/team-jesse.jpg | Jesse, buiten aan het water met een molen op de achtergrond |
| https://merk.tidecollective.nl/tide/beeld/foto/team-sidney.jpg | Sidney aan tafel met iPad, rollen folie op de achtergrond |

---

## 7. Beweging

- Het golfje tekent in, in 1,3 seconde, met `cubic-bezier(.4,0,.2,1)`.
- De getij-band spoelt in ongeveer 1,1 seconde over het beeld.
- Koppen komen per regel binnen, van onder, over een korte afstand.
- Rustig en zeker. Geen stuiterende of draaiende effecten zonder reden.
- Video's zijn zonder geluid te volgen. Alle boodschap staat in beeld.

---

## 8. Formaten

| Waar | Formaat | Let op |
|---|---|---|
| Instagram-post | 4:5, 1080 x 1350 | grid knipt naar 3:4, houd marge aan de zijkanten |
| Instagram-story of Reel | 9:16, 1080 x 1920 | inhoud tussen y 236 en ongeveer 1560 |
| LinkedIn-video en -post | 4:5, 1080 x 1350 | |
| Film breed | 16:9, 1920 x 1080 | |
| Deelkaartje (og:image) | 1200 x 630 | voor WhatsApp en LinkedIn |
| Profielfoto | 1080 x 1080 | wordt rond afgesneden, alles in het midden |

---

## 9. Schrijfstijl

Natuurlijk Nederlands op B2-niveau. Zakelijk, maar spreektaal. Direct en nuchter. We zeggen je, geen u.

**Niet**

- Geen gedachtestreepjes en geen puntkomma's.
- Geen rijtje van drie aan het eind van een zin.
- Geen "terwijl"-contrasten. Maak er twee korte zinnen van.
- Geen woorden als bovendien, daarnaast, tevens, kortom, cruciaal, naadloos, robuust, holistisch, ecosysteem, beleving, revolutie.
- Geen aanloop zoals "Hieronder vind je...". De eerste zin is de boodschap.
- Geen uitroeptekens achter elkaar. Geen emoji in koppen.

**Wel**

- Korte zinnen van drie tot zes woorden, afgewisseld met middellange.
- Actief en concreet. Zeg hoe het werkt en wat het kost.
- Scanbaar: vet waar het moet, korte lijstjes.

**Voorbeelden van TIDE-koppen**

- JE BENT VAKMAN. GEEN WEBBOUWER.
- EEN APPJE IS GENOEG.
- LAAT JE MERK BEWEGEN.
- WIJ HOUDEN DE TECHNIEK BIJ.
- GA MEE MET DE TIDE

---

## 10. Doen en niet doen

| Doen | Niet doen |
|---|---|
| Papier als achtergrond, veel ruimte | Volle collages, alles even hard |
| Eén kop, één beeld, één accent | Drie fonts, vijf kleuren, tien stickers |
| Echte foto's uit eigen shoots | AI-mensen, nepplekken, stockfoto's |
| Het golfje als enige versiering | Hartjes, zonnetjes, krijtbordjes, pijlen |
| Korte kop in Bebas, hoofdletters | Handschriftfonts, schuine letters |

---

## 11. CSS-tokens

```css
:root {
  --papier: #FAF6EF;
  --vlak: #F2E9DA;
  --vlak-2: #E9DFCD;
  --inkt: #1C1814;
  --tekst: #5E564A;
  --label: #8E8474;
  --accent: #C1622F;
  --accent-donker: #E1794C;

  --font-kop: "Bebas Neue", sans-serif;
  --font-tekst: "Work Sans", sans-serif;
  --font-mono: "IBM Plex Mono", monospace;

  --golf-ease: cubic-bezier(.4, 0, .2, 1);
  --golf-duur: 1.3s;
}
```

De tokens staan ook als JSON op https://merk.tidecollective.nl/tide/merk.json

---

## 12. Klantwerk

De TIDE-stijl is alleen voor uitingen van TIDE zelf. Een website of uiting voor een klant krijgt de eigen huisstijl van die klant. TIDE komt dan alleen terug in de voettekst: "Website door TIDE".

---

## 13. Zo gebruik je dit met AI

Geef je assistent deze zin mee:

> Lees eerst https://merk.tidecollective.nl/tide/merk.md en maak alles in deze huisstijl. Gebruik de logo's en foto's via de URL's uit dat document.

Vragen of iets missen? https://tidecollective.nl