Het merk
Berrysta.
Logo’s, kleuren en typografie. Alles wat je nodig hebt om Berrysta consistent in beeld te brengen.
Onze logo’s
Logo · donker
Logo · licht
Logo · cherry
Woordmerk · cream
Woordmerk · donker
Icoon
Gebruik altijd de officiële logobestanden. Verander nooit de verhoudingen, kleuren of positie van de elementen.
Onze kleuren
- Espresso Black als primaire tekstkleur
- Deep Cherry en Poster Red voor accenten en knoppen
- Bright Gold voor labels en highlights
- Warm Cream als standaard achtergrondkleur
- Geen felle neonkleuren toevoegen
- Geen gradiënten over het logo plaatsen
- Lichte tekst nooit op lichte achtergrond
- Poster Red niet als achtergrondkleur voor grote vlakken
Onze lettertypes
Koffie & limonade op wielen.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789
De perfecte espresso begint met passie.
Berrysta rijdt naar jouw huwelijk, festival of bedrijfsevenement in de regio Aarschot. Specialty coffee, huisgemaakte limonades en een bar op wielen die iedereen doet glimlachen.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789
Kenmerkende stijlelementen
Kaarten en knoppen krijgen een vaste schaduw van 4px in Espresso Black. Bij hover schuift het element 2px.
Gestippelde scheidingslijnen met ronde uitsparingen aan de zijkant, zoals een bioscoopkaartje.
Subtiele 45-graden streeppatronen op donkere achtergronden geven een retro-textuur.
Een subtiel filmkorreleffect over lichte secties geeft een ambachtelijke, analoge uitstraling.
Kleine, cursieve monospace labels in hoofdletters met ruime letterspatiëring als sectiekoppen.
Bright Gold voor scheidingslijnen, badges en highlights. Spaarzaam gebruikt voor maximaal effect.
Achtergrondpatronen
Elke sectie op de site krijgt bij het laden een subtiel achtergrondpatroon toegewezen. Het systeem combineert 6 vormen met 3 kleuren (Mint, Rose, Terra) tot 18 mogelijke tegels. Hieronder alle varianten en hun gebruik.
Orthogonaal raster (32×32 px). Rustig, neutraal. Komt 3× vaker voor in de pool.
Gekruiste diagonalen (36×36 px). Iets dynamischer dan het standaardraster.
Dambordpatroon (32×32 px). Retro, speels.
Diagonale strepen onder 45°. Kenmerkend retro-element van het merk.
Zachte golflijnen (120×32 px). Organisch, vloeiend. Komt 3× vaker voor in de pool.
Chevron/diamantvorm (24×24 px). Geometrisch, energiek.
Filmkorreleffect via SVG feTurbulence. Toegepast als overlay op lichte secties (16% opacity, blend-mode overlay). Geeft een ambachtelijke, analoge uitstraling. Hierboven versterkt weergegeven (30%).
Gouden kruisarcering op Espresso Black. Gebruikt op de tijdlijn, drankkaart header en het verhaal-paneel. Altijd in combinatie met Bright Gold (#F2C438).
Secties met het attribuut data-rand-pattern krijgen bij elke paginalading automatisch een unieke patroon-kleur combinatie. Het systeem werkt als volgt:
- 6 vormen × 3 kleuren = 18 tegels in een gewogen pool
- Grid en Waves komen 3× vaker voor (rustiger patronen domineren)
- De pool wordt geschud (Fisher-Yates) en om de beurt toegekend
- 35% kans dat een sectie wordt overgeslagen voor extra variatie
- Geen twee opeenvolgende secties krijgen dezelfde combinatie
Patronen verschijnen altijd op Warm Cream (#F8E9D2) en zijn bewust subtiel. Ze versterken de ambachtelijke uitstraling zonder de leesbaarheid te verstoren.
- Patronen alleen op Warm Cream achtergrond
- Paper grain op alle lichte secties
- Crosshatch gold alleen op Espresso Black
- SVG-tegels als Illustrator pattern swatches
- Patronen niet op donkere of gekleurde achtergronden
- Geen patronen combineren op dezelfde sectie
- Opacity niet verhogen boven 40%
- Geen nieuwe kleuren toevoegen aan het systeem