Wat verkopen we?

Een avondje uit. Gezelligheid. Lachen. Proeven. Genieten.

Hoe verkopen we dat?

Met grote gastvrijheid, luxere wijnen, luxere bieren, luxere borrelhapjes. Voorafgaand aan de show de mogelijkheid tot diner, fine dining, franse opmaak. Ook dat past bij onze Burlesque inspiratie. Parijs moet door elke vezel voelbaar zijn, en tegelijkertijd een oerhollandse eigenheid.

Styling Interieur

Burlesque meets oude kroeg.

Dat betekent houten elementen, maar ook luxe elementen zoals:

• Blauw suede stoelen
• Roze gordijnen
• Roze boa's om de lampen heen
• Gouden bloempotten
• Discoballen

Verlichting

Buitenverlichting:

Aan de buitenkant is het altijd met flood light roze verlicht.

• Ook als we dicht zijn
• Voor onze opvallendheid en herkenbaarheid
• Roze flood lights (#cd2c85) op de gevel

Luifel:

De luifel is champagnegoud (#b8aa77) voor een luxe en warme uitstraling aan de buitenkant.

Binnenverlichting (altijd aan):

In het zichtbare voorste deel van de zaak is de verlichting altijd aan:

• Roze LED verlichting (#cd2c85) in het voorste gedeelte
• LED strips in de barstellages met glazen
• Ook buiten openingstijden voor zichtbaarheid

Champagnegoud verlichting (tijdens eten):

Champagnegoud LED verlichting (#b8aa77) wordt alleen tijdens het eten aangezet voor:

• Extra warmte en gezelligheid
• Restaurant-sfeer
• Luxe uitstraling tijdens de maaltijd

Muuraccenten:

Een aantal muren in de filialen hebben champagnegoud (#b8aa77) als accentkleur voor extra warmte en luxe uitstraling.

De roze verlichting is onderdeel van onze merkidentiteit en staat altijd aan wanneer het pand zichtbaar is.

Muziek

We spelen altijd een playlist af dat een mix is van jaren 70 disco, jaren 80 en jaren 90 pop. Alles is enigszins uptempo, rond de 103 tot 125 bpm.

Goede voorbeelden: Bee Gees, Abba en Britney Spears. Het gaat altijd om herkenbare muziek voor de meeste leeftijden.

Volume Richtlijnen

Altijd net iets harder dan mensen praten

• Zorgt voor energie in de zaal
• Voorkomt fluisteren
• Geeft privacy tussen tafels (andere tafels horen je niet)
• Technicus of barman past volume voortdurend aan op basis van aantal mensen

Voorin de zaak:

Muziek en spraak van het podium moeten goed hoorbaar zijn voor voorbijgangers op straat

Opkomstmuziek

• Tussen elke comedian: Opkomstmuziek
• MC heeft langere opkomst: Tijd voor voice-over van achteren voordat hij opkomt

Technische Instellingen

• Geen galm op spraak en zang tijdens comedy
• Bas voorin: Teruggedraaid om geluidsoverlast te beperken
• Systeem: Geautomatiseerd via Qlab met MP3's
• Geen Spotify - Alles lokaal opgeslagen voor betrouwbaarheid

Doelgroep

Bij Puncher hebben we meerdere doelgroepen:

Eten

Product hero: Croques & Gaufres als lunch & 4-uurtje.

Opmaak

Klassiek Frans

Ingredientkeuzes

• Vegan opties
• Herkenbaar
• Een kinderversie
• Een studentenversie
• Een zakelijke versie
• Een iedereen-lust-het-versie
• Signature versie: Puncher stijl - roze met blauw

Kleurgebruik

Muted Text

Voor minder belangrijke tekst of secundaire informatie gebruiken we een muted text kleur.

Kleur: #94a3b8 (lichtgrijs)

Dit is een voorbeeld van muted text. Gebruikt voor subteksten, timestamps, of minder belangrijke informatie.

Hover States

Voor hover states gebruiken we de donkere variant van de kleur:

• Roze hover: #b3136e (donkerder dan hoofdkleur roze)
• Blauw hover: #1e3272 (donkerder dan lichtblauw achtergrond)

Opmerking: "Lichtblauw Rand" (#1e3272) is lichter dan de hoofdachtergrond (#010f43) maar donkerder dan "Lichtblauw Achtergrond" (#0b1c5a).

Kleurbeperking

We gebruiken nooit andere kleuren dan onze eigen merkleuren. Dus nooit signaalkleuren zoals rood, groen of oranje.

Onze merkleuren zijn: Roze (#cd2c85), Donker roze (#b3136e), Blauw (#010f43), Lichtblauw (#0b1c5a en #1e3272), Wit (#ffffff), Champagnegoud (#b8aa77) en Muted grijs (#94a3b8).

Tabellen

Tabellen gebruiken we om gestructureerde informatie overzichtelijk weer te geven.

Tabel Kleuren

• Header rij: Roze achtergrond (#cd2c85) met witte tekst
• Oneven rijen: Lichtblauw rand kleur (#1e3272) met witte tekst
• Even rijen: Lichtblauw achtergrond (#0b1c5a) met witte tekst
• Borders: 1px solid #1e3272 tussen alle cellen

Voorbeeld Tabel

Kolom 1	Kolom 2	Kolom 3
Oneven rij	Data	Informatie
Even rij	Data	Informatie
Oneven rij	Data	Informatie

CSS Voorbeeld

/* Tabel styling */
table {
    width: 100%;
    border-collapse: collapse;
}

/* Header rij */
thead tr,
tr:first-child {
    background: #cd2c85;
    color: white;
}

/* Oneven rijen (1e, 3e, 5e data rij) */
tbody tr:nth-child(odd) {
    background: #1e3272;
    color: white;
}

/* Even rijen (2e, 4e, 6e data rij) */
tbody tr:nth-child(even) {
    background: #0b1c5a;
    color: white;
}

/* Alle cellen */
th, td {
    padding: 12px;
    text-align: left;
    border: 1px solid #1e3272;
}
            

Tabel Regels

• Gebruik nooit wit als achtergrondkleur in tabellen
• Tekst is altijd wit op de gekleurde achtergronden
• Padding: 12px in alle cellen voor goede leesbaarheid
• Text-align: Links uitgelijnd, tenzij het om cijfers gaat (dan rechts)

Buttons & Call-to-Actions

Buttons gebruiken dezelfde afronding als tekstkaders: 5% rondingen (border-radius: 20px bij 400px breedte).

Button Varianten

We hebben twee hoofdvarianten voor buttons:

1. Outline Button (Primair)

Doorzichtige achtergrond met roze rand en witte tekst.

Gebruik op: Donkerblauwe (#010f43) of lichtblauwe (#0b1c5a) achtergronden

2. Button op Roze Achtergrond

Op roze achtergronden gebruiken we witte buttons.

Hover States

• Outline button hover: Achtergrond wordt roze (#cd2c85), rand blijft roze
• Filled button hover: Achtergrond wordt donkerder roze (#b3136e)
• Witte outline button hover: Achtergrond wordt wit met 20% opacity, rand blijft wit
• Witte filled button hover: Achtergrond wordt lichtgrijs (#f0f0f0), tekst blijft blauw

Button Specificaties

• Border: Altijd 4px solid (nooit zonder rand)
• Border-radius: 20px (bij standaard button grootte)
• Padding: 15px verticaal, 40px horizontaal
• Font: Outfit, font-weight 600
• Font-size: 16px
• Tekst: Wit op blauwe/roze achtergronden, blauw (#010f43) op witte achtergrond

CSS Voorbeelden

/* Outline Button (Primair) */
.btn-outline {
    background: transparent;
    border: 4px solid #cd2c85;
    color: white;
    padding: 15px 40px;
    border-radius: 20px;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.btn-outline:hover {
    background: #cd2c85;
}

/* Filled Button (Secundair) */
.btn-filled {
    background: #cd2c85;
    border: 4px solid #b3136e;
    color: white;
    padding: 15px 40px;
    border-radius: 20px;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.btn-filled:hover {
    background: #b3136e;
}

/* Witte Outline Button (op roze achtergrond) */
.btn-white-outline {
    background: transparent;
    border: 4px solid white;
    color: white;
    padding: 15px 40px;
    border-radius: 20px;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.btn-white-outline:hover {
    background: rgba(255, 255, 255, 0.2);
}

/* Witte Filled Button (op roze achtergrond) */
.btn-white-filled {
    background: white;
    border: 4px solid white;
    color: #010f43;
    padding: 15px 40px;
    border-radius: 20px;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.btn-white-filled:hover {
    background: #f0f0f0;
}
            

Button Regels

• Geen blauwe buttons - We gebruiken alleen roze of witte buttons
• Altijd met rand - Buttons hebben altijd een 4px border voor consistentie
• Tekst kleur: Wit op blauwe/roze achtergronden, blauw op witte achtergrond
• Geen box-shadow - Net als bij kaders gebruiken we geen shadows
• Minimale breedte: 120px om te voorkomen dat buttons te klein worden

Typografie & Tekst Styling

Font Sizes

• H1: 41px (normal case)
• H1 ondertitel: 16px, uppercase, letter-spacing 2.5px
• H2: 27px (normal case)
• Introtekst: 29px, font-weight 200

Introteksten

Introteksten (bijvoorbeeld om een sectie in te leiden) mogen zonder in een eigen sectie, zonder achtergrond en zonder border.

Font size: 29px, font-weight: 200

Introteksten nemen 50% van de breedte in (25% marge links en rechts) en de tekst is gecentreerd.

Kleurgebruik Tekst

Titels zijn altijd wit. Alleen icoontjes mogen roze zijn.

Tekst op foto's is altijd wit, nooit roze.

Kaders & Rondingen

Tekstkaders

Alle tekstkaders hebben 5% rondingen (border-radius: 20px bij 400px breedte)

Fotokaders

Alle fotokaders hebben 100% rondingen en zijn helemaal perfecte rondjes (dus geen ovalen)

Foto's met transparante achtergrond krijgen geen kader

Headerfoto's

Paginabreed. Headerfoto's mogen nooit in een kader, maar moeten paginabreed dus buiten een kader.

4px rand alleen waar het de pagina scheidt. De rand mag nooit tegen het scherm aan.

Bijvoorbeeld: een headerfoto bovenaan heeft alleen een border-bottom, niet aan de zijkanten of bovenkant.

Minimale hoogte: 400px

Headerfoto Overlay

Voor tekstzichtbaarheid over headerfoto's heen gebruiken we een gradient overlay:

Van #010f43 (blauw) naar #cd2c8566 (roze met 40% transparantie)

Dit is de enige gradient die we gebruiken.

Hoe werkt de gradient?

De gradient loopt van boven naar beneden (180 graden):

• Bovenaan (0%): Volledig donkerblauw (#010f43) - geen transparantie
• Onderaan (100%): Roze met 40% transparantie (#cd2c8566)

Dit zorgt ervoor dat tekst bovenaan goed leesbaar is tegen het donkerblauwe, en onderaan krijg je een subtiele roze gloed die de foto niet overneemt.

CSS Code

/* Gradient overlay op headerfoto */
background: linear-gradient(180deg, #010f43 0%, #cd2c8566 100%);

/* Of met een ::before pseudo-element: */
.header-photo::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #010f43 0%, #cd2c8566 100%);
    z-index: 0;
}
            

Stel kleuren, locaties en hoeken in voor elk breakpoint om ervoor te zorgen dat de gradient zich aanpast aan verschillende schermgroottes.

CSS voor Paginabrede Headerfoto's

Om headerfoto's echt paginabreed te maken (buiten de container):

width: calc(100vw - 280px);  /* 280px = sidebar breedte */
margin-left: 0;
margin-right: 0;
            

Border Width

Alle kaders en knoppen hebben een 4px border (uitgaand van web). Bij print kan dat anders zijn, maar in dezelfde verhouding.

Box Shadows

Geen box-shadows gebruiken

Border Stijl

Geen halve borders gebruiken (zoals border-left, border-top, etc.) bij kaders en knoppen. Borders zijn altijd volledig rondom het element, of helemaal niet.

Uitzondering: headerfoto's die paginabreed zijn, hebben alleen een border waar ze de pagina scheiden.

Roze Kaders

Naast de standaard blauwe kaders kun je ook roze kaders gebruiken voor extra aandacht of accenten.

Roze kaders gebruiken: achtergrond #cd2c85 met border #b3136e

Belangrijk: Roze kaders mogen alleen op een donkerblauwe achtergrond (#010f43) gebruikt worden, niet op een lichtblauwe achtergrond.

Geen kader in kader: Plaats nooit een kader binnen een ander kader.

Uitlijning

Het logo mag nooit random worden uitgelijnd. Het staat altijd:

• In het midden van de breedte, of
• Op 10% marge van de rechterrand af

Belangrijk: Als het rechts 10% heeft, dan moet het aan de bovenkant of onderkant ook 10% hebben.

Visuele Voorbeelden

1. Gecentreerd (Midden)

2. Rechts met 10% Marge

❌ Verkeerd: Random Uitlijning

Samenvatting Uitlijning

• Gecentreerd: 50% van links en rechts (horizontaal midden)
• Rechts: 10% marge van rechts + 10% marge van boven of onder
• Nooit: Willekeurige percentages of posities
• Consistentie: Gebruik dezelfde uitlijning binnen één project/medium

Print Materialen

Visitekaartjes

Visitekaartjes volgen de Puncher huisstijl met een luxe, theatrale uitstraling.

Specificaties:

• Formaat: 85 x 55 mm (standaard visitekaartje)
• Voorkant: Donkerblauw (#010f43) met logo (cirkel, zonder ondertitel) gecentreerd
• Achterkant: Donkerblauw (#010f43) met contactgegevens in wit
• Icons: Roze (#cd2c85) voor telefoon, email, locatie
• Papier: 350 grams glanzend

Visueel Voorbeeld Visitekaartje:

Menukaarten

Puncher heeft geen fysieke menukaarten.

Elke tafel heeft een iPhone van Puncher die vastgemaakt zit aan de tafel. Gasten kunnen via de app zelf bestellen.

• iPhone blijft eigendom van Puncher
• Vastgemaakt aan tafel voor veiligheid
• App volgt alle digitale design richtlijnen (zie Digitale Elementen)
• Glassy look interface (zie Glassy Look sectie)

Posters & Flyers

Voorbeelden zijn te vinden in: Huisstijl/flyers en posters/

Gebruik deze voorbeelden als referentie voor layout, kleurgebruik en typografie. Volg altijd de algemene drukwerk specificaties hieronder.

Drukwerk Specificaties

Algemene Regels:

• Marge: Minimaal 3mm afloop aan alle kanten voor snijwerk
• Veilige zone: Houd belangrijke elementen minimaal 5mm van de snijlijn
• Dubbelzijdig: Flyers en posters altijd dubbelzijdig printen, nooit een wit vel
• Kleurprofiel: CMYK voor print (niet RGB)
• Resolutie: Minimaal 300 DPI

Papier Specificaties:

Waarom Glanzend Papier?

Glanzend papier past bij de luxe, theatrale uitstraling van Puncher:

• Kleuren komen levendiger en intenser over
• Roze (#cd2c85) en blauw (#010f43) krijgen meer diepte
• Professionele, hoogwaardige uitstraling
• Past bij de Burlesque inspiratie (glans, luxe)

Waarom GEEN Bio/Textuur Papier?

• Textuur verstoort de strakke, moderne uitstraling
• Kleuren worden doffer en minder levendig
• Past niet bij de luxe positionering
• Inconsistent met digitale uitstraling

Logo Variaties

Het Puncher logo is beschikbaar in verschillende varianten. Gebruik altijd de juiste variant volgens de hiërarchie en regels hieronder.

Logo Hiërarchie

1. Primair: Blauw logo met witte tekst op donkerblauwe achtergrond
2. Secundair: Roze rand met blauwe tekst op witte achtergrond
3. Tertiair: Roze logo met witte tekst op roze achtergrond (alleen voor speciale toepassingen)

1. Blauw Logo (Primair)

Het blauwe logo met witte tekst is de primaire variant.

Gebruik op:

• Donkerblauwe achtergrond (#010f43)
• Alle primaire toepassingen

Logo op Foto's

Voor gebruik bovenop foto's gebruik je het logo met roze rand en witte vulling van de cirkel.

Belangrijk: Dit logo heeft een gevulde cirkel voor betere zichtbaarheid op foto's.

Logo op Video (Bewegend Beeld)

Voor video overlay gebruik je het primaire logo zonder ondertitel in de rechterbovenhoek.

Exacte Specificaties:

• Logo variant: Primair logo zonder ondertitel (blauw met witte tekst)
• Positie: Rechterbovenhoek
• Marge van rechts: 3% van de video breedte
• Marge van boven: 3% van de video hoogte
• Logo grootte: 8% van de video breedte (of 14% van de hoogte)
• Achtergrond: Geen achtergrond (transparant)
• Opaciteit: 85-95% (licht transparant voor subtiele weergave)

Opmerking: Deze maten zijn gebaseerd op TV broadcast standaarden waarbij logo's typisch 8-10% van de breedte innemen.

Voorbeelden per resolutie:

Video Resolutie	Logo Breedte	Marge Rechts	Marge Boven
1920x1080 (Full HD)	154px	58px	32px
1280x720 (HD)	102px	38px	22px
1080x1920 (Verticaal/Stories)	86px	32px	58px
3840x2160 (4K)	307px	115px	65px

Logo Misbruik - Wat NIET te doen

Het logo is een belangrijk onderdeel van onze merkidentiteit. Hieronder zie je voorbeelden van incorrect gebruik van het logo.

Samenvatting: Logo Don'ts

• Niet uitrekken of samendrukken - Behoud altijd de verhoudingen
• Niet roteren - Logo staat altijd horizontaal
• Niet te klein - Minimaal 100px breed (digitaal) of 30mm (print), uitzondering: favicons en app icons
• Geen kleurveranderingen - Gebruik alleen officiële varianten
• Juiste achtergrond - Volg de logo hiërarchie
• Vrije ruimte respecteren - Minimaal hoogte van "P" rondom
• Geen effecten - Geen schaduwen, glows, blur
• Geen extra outlines - Logo heeft al zijn eigen borders
• Geen transparantie - Altijd 100% opacity (behalve video overlay)
• Niet aanpassen - Gebruik het logo zoals het is

Lettertypen

Logo

Het logo zelf gebruikt Keep Calm Medium

Dit is een custom font (KeepCalm-Medium.ttf) dat handmatig wordt geüpload aan de website.

Website & Flyers - Body tekst

Voor alle body teksten gebruiken we Outfit

Dit is een voorbeeld van Outfit voor body tekst. Modern, leesbaar en professioneel.

Website & Flyers - H1 en H2 Headings

Voor H1 en H2 headings gebruiken we ook Outfit (font-weight: 600)

Glassy Look

Voor onze apps gebruiken we een glassy look met een frosted glass effect.

Let op: Dit is alleen voor apps, niet voor websites.

Blurry Blob Achtergronden

Voor apps en web-based apps mogen we blurry blobs in de achtergrond gebruiken:

• Grote, vage kleurvlekken (blobs) in de achtergrond
• Gebruik onze merkleuren: roze (#cd2c85) en blauw (#010f43)
• Blur de blobs zodat ze vaag en subtiel zijn
• Plaats ze achter de content, niet ervoor

CSS Voorbeeld Blurry Blob

/* Blurry blob achtergrond */
.blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.3;
    z-index: -1;
}

.blob-pink {
    background: #cd2c85;
    width: 400px;
    height: 400px;
    top: -100px;
    right: -100px;
}

.blob-blue {
    background: #010f43;
    width: 500px;
    height: 500px;
    bottom: -150px;
    left: -150px;
}
            

Visueel Voorbeeld

Icoontjes

We gebruiken veel icoontjes in onze communicatie. Icoontjes zijn altijd roze (#cd2c85).

Icoontjes komen uit het Font Awesome library.

Iconografie

Icon Style

• Font Awesome Solid - Altijd solid style, nooit regular of light
• Geen border - Icons hebben geen outline of border
• Kleur: Altijd roze (#cd2c85) of wit, nooit andere kleuren

Veel Gebruikte Icons

Wanneer Icons Gebruiken

Website Design

Topmenu Structuur

De website heeft een twee-laags navigatie systeem:

Laag 1: Top Bar (Utility Bar)

• Positie: Helemaal bovenaan de pagina
• Achtergrond: Donkerblauw (#010f43)
• Border bottom: 2px solid roze (#cd2c85)
• Hoogte: Klein/compact (±35-40px)
• Links: Taalvlaggen (NL/ES)
• Rechts: "Mijn account" met icon + "Afrekenen/€ 0.00" met winkelwagen icon en badge
• Tekst kleur: Wit
• Icons: Roze (#cd2c85)

Laag 2: Hoofdnavigatie

• Positie: Direct onder de top bar
• Achtergrond: Donkerblauw (#010f43)
• Hoogte: Groter dan top bar (±80-100px)
• Layout: Logo linksboven, daaronder locatie keuze. Menu items rechts op dezelfde hoogte als locaties

Links sectie (Logo + Locaties):

• Logo: Cirkel logo zonder ondertitel (±60-80px breed), linksboven
• Locatie keuze: Direct onder het logo - Alkmaar, Haarlem, Points met roze icons
• Actieve locatie: Roze onderstreep (3px)

Rechts sectie (Menu items):

• Menu items: Home, Shows & Tickets, Diner, Feestje, Comedians, Workshops, Contact
• Positie: Rechts, op dezelfde hoogte als de locatie keuze
• Menu tekst: Wit, actieve item in roze (#cd2c85)
• Spacing: Ruime afstand tussen menu items (±30-40px)

Visueel Voorbeeld Topmenu:

Header (Hero Section)

Direct onder de navigatie komt de header/hero sectie:

• Achtergrond: Foto met gradient overlay (180deg, #010f43 0%, #cd2c8566 100%)
• Hoogte: Minimaal 400px
• Paginabreed: Geen zijmarges, loopt tot aan schermrand
• Border: Alleen border-bottom (4px solid #1e3272) waar het de content scheidt
• Content: Gecentreerd, wit tekst
• H1: Grote titel (41px)
• Ondertitel: Uppercase, letter-spacing 2.5px, kleinere font (16px)

Voorbeeld Header:

Buttons

Formulieren

• Container: Roze kader (#cd2c85) met 5% rondingen
• Input velden: Wit (#ffffff) op donkerblauwe achtergrond
• Placeholder: Grijs tekst
• Rondingen: Subtiele rondingen op input velden
• Submit button: Roze filled (primair)

Voorbeeld Formulier:

Content Cards

• Layout: Foto links, content rechts
• Foto: 5% rondingen (geen cirkel)
• Categorie/locatie: Roze accent kleur (#cd2c85)
• Datum/tijd/prijs: Rechts uitgelijnd
• Buttons: Rechts uitgelijnd (outline boven filled)
• Achtergrond: Donkerblauw met lichte border (#1e3272)

Voorbeeld Content Card:

Footer

• Layout: 3 kolommen
• Links kolom: Navigatie links in wit (gecentreerd)
• Midden: Logo (cirkel)
• Rechts kolom: Extra links in wit
• Social media: Icons onderaan links (Facebook, Instagram, YouTube) in wit
• Achtergrond: Donkerblauw (#010f43)

Voorbeeld Footer:

Responsive Breakpoints

• Mobile: < 768px
• Tablet: 768px - 1024px
• Desktop: > 1024px

CSS Voorbeeld Navigatie

/* Hoofdnavigatie container */
.main-nav {
    background: #010f43;
    padding: 20px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}

/* Logo (links) */
.nav-logo {
    width: 70px;
}

/* Menu container (rechts) met 2 rijen */
.nav-menu-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    flex: 1;
}

/* Rij 1: Locatie keuze */
.nav-locations {
    display: flex;
    gap: 25px;
}

.nav-location {
    color: white;
    text-decoration: none;
    position: relative;
    padding-bottom: 5px;
}

.nav-location i {
    color: #cd2c85;
    margin-right: 5px;
}

.nav-location.active {
    font-weight: 600;
}

.nav-location.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #cd2c85;
    border-radius: 2px;
}

/* Rij 2: Menu items */
.nav-menu {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.nav-menu a {
    color: white;
    text-decoration: none;
    font-size: 0.95em;
}

.nav-menu a.active {
    color: #cd2c85;
    font-weight: 600;
}

/* Top bar */
.top-bar {
    background: #010f43;
    padding: 10px 40px;
    border-bottom: 2px solid #cd2c85;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Icons rechts in top bar */
.top-bar-right {
    display: flex;
    gap: 25px;
    align-items: center;
    font-size: 0.85em;
    color: white;
}

.top-bar-right i {
    color: #cd2c85;
    margin-right: 5px;
}

.cart-badge {
    background: #cd2c85;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 0.7em;
    position: absolute;
    top: -8px;
    right: -10px;
}
            

Fotografie in 12 Regels

Universele basisregels voor alle Puncher fotografie.

Food Fotografie

Food On Set

Authentiek, in-the-moment, casual

• Natuurlijk of warm kunstlicht
• Context mag zichtbaar zijn (tafels, mensen)
• Voor social media en sfeerbeelden

Food Studio

Doel: Culinaire portretten, geen menufoto's

Voorbeelden Food Studio:

Comedian Headshots

Puncher-headshots zijn rauw, kleurrijk en live.

Voorbeelden Comedian Headshots:

Theatrale belichting (magenta/roze en blauw), donkere achtergrond, authentieke expressies

Interieur & Publiek

Sfeer: Intiem, laat op de avond, licht decadent

Voorbeelden:

Publiek:

Geur - Puncher Signature Scent

Elke Puncher ruikt hetzelfde. Geen lokale variaties, geen seizoensgeuren.

Toepassing

• Plaatsing: 1 diffuser per ±70 m², centraal of licht achterin (niet bij bar/ingang/podium)
• Intensiteit: Lage tot medium stand - geur moet subtiel zijn
• Timing: 30 min vóór opening tot sluiting (uit tijdens schoonmaak)
• Dosering: Start met 1 spray per 20m², pas aan op feedback
• Verversen: Elke 4-6 weken

Niet Toegestaan

• Lokale variaties
• Seizoensgeuren
• Extra luchtverfrissers, kaarsen of sprays
• Bloemige, zware, kruidige of gourmand-geuren

Werknemers

Puncher is een comedybeleving met horeca op niveau. Iedereen draagt bij aan die beleving.

Houding

• Sociaal, beleefd, actief gastvrij
• Oplossingsgericht
• Rustig, ook onder druk
• Alert, zichtbaar, aanspreekbaar
• Humor mag. Warmte móét.

Niet Toegestaan

• Alcohol of drugs tijdens dienst
• Politieke of ideologische standpunten uiten
• Roken in zicht van gasten
• Telefoon in publieksruimtes
• Zichtbare irritatie
• Discussies waar gasten bij zijn

Keuken & Frituur

• Keuken wordt niet voortijdig gesloten
• Gasten worden niet ontmoedigd
• Opruimen begint na laatste bestelmoment

Verwachtingsmanagement

Communiceer altijd vooraf dat frituur en cocktails even duren.

Voorbeelden:

• "Dit maken we vers, dus dat duurt heel even."
• "Houd rekening met een paar minuten."

Bar Hygiëne

• Theedoeken altijd netjes opgevouwen
• Bar blijft schoon tijdens dienst
• Geen zichtbare rommel
• Flessen en glazen op vaste plekken

Do's & Don'ts

Kleding

Algemeen Uiterlijk

Front of House (Bar & Bediening)

Techniek & Ticketcontrole

Keuken

Communicatie

Tone of Voice

We gebruiken nooit grappen in onze teksten. En zeker nooit sarcasme.

We zijn altijd positief en vrolijk.

Emails

Woordgebruik

Show Benamingen:

We hebben specifieke namen voor onze shows:

• Start-up Comedy - Voor talenten
• Comedy XL - Onze grote shows met professionals
• Comedy Bingo - Comedy gecombineerd met bingo

Comedian Benamingen:

• Talenten - Voor comedians die nog aan het begin van hun carrière staan
• Professionals - Voor ervaren comedians
• Nooit: "Beginnende comedian" of "amateur"

Wat we NIET gebruiken:

• Geen "standup" in onze show namen - We zeggen "comedy" of "comedian"
• Geen negatieve woorden zoals:
  • "Goedkoop"
  • "Ruw"
  • "Hard"

Wat we WEL gebruiken:

• Positieve alternatieven:
  • "Toegankelijk" (in plaats van goedkoop)
  • "Authentiek" of "eerlijk" (in plaats van ruw)
  • "Scherp" of "direct" (in plaats van hard)

Algemene Tone of Voice Regels

• Altijd positief en vrolijk
• Geen grappen of sarcasme in communicatie
• Gastvrij en uitnodigend
• Professioneel maar toegankelijk
• Duidelijk en direct

Woorden die we NIET gebruiken

Bepaalde woorden passen niet bij onze tone of voice omdat ze negatief, autoritair of te formeel zijn:

Autoritaire Titels:

• Manager - Te autoritair en formeel
• Directeur - Te afstandelijk
• Baas - Te hiërarchisch
• Chef - Te autoritair (behalve in de keuken)

Gebruik in plaats daarvan:

• Gastheer/Gastvrouw - Past bij gastvrijheid focus
• Host - Modern, gastvrij
• Showrunner - Theatraal, entertainment-gericht, past bij comedy
• Impresario - Klassiek entertainment, organiseert shows en evenementen
• Barman/Barvrouw - Voor bar (niet "Bar Manager")
• [Naam] van Puncher [Locatie] - Gewoon naam met locatie, zonder titel

Negatieve Woorden:

• Goedkoop → Gebruik: "Toegankelijk"
• Ruw → Gebruik: "Authentiek" of "Eerlijk"
• Hard → Gebruik: "Scherp" of "Direct"

Social Media

Tone of Voice

• Geen grappen in social media posts
• Houden aan algemene tone of voice (positief, vrolijk)

Content Types

We plaatsen 4 soorten content:

Fotografie & Bewerking

• Geen fotobewerkingen - Geen personen uitknippen, geen andere achtergronden maken
• Nooit stenen muur als achtergrond - Onderscheidt ons van standaard comedy clubs
• Nooit lege stoelen in beeld tijdens shows - Hooguit 1 lege stoel bij 40 bezette stoelen
• Uitzondering: Foto's die overduidelijk alleen de ruimte tonen (geen show)

Formaten

Voorbeelden van social media posts in verschillende formaten:

Do's & Don'ts