Datumlogo — Donker
Met jaartal, op donker
De primaire variant. Gebruik op donkere achtergronden: website, presentaties, digitale uitingen en event-communicatie.
SVG · PNG · EPS
Huisstijl &
Downloads
Logo’s, kleuren, typografie en designrichtlijnen van de Mastercard Hotelnacht. Alles wat je nodig hebt om het merk consistent toe te passen.
01 — Logo’s
Logo-varianten
Het Hotelnacht-logo is beschikbaar in meerdere varianten voor verschillende toepassingen. Gebruik altijd het officiële logobestand — nooit een screenshot of een zelfgebouwde versie.
Datumlogo — Licht
Met jaartal, op licht
Voor drukwerk, documenten en lichte achtergronden. Zwarte variant van het volledige logo inclusief Mastercard-lockup.
SVG · PNG · EPS
Eventlogo — Donker
Zonder jaartal, op donker
Het tijdloze Hotelnacht-logo zonder jareditie. Gebruik voor generieke communicatie, merchandise en langlopende uitingen.
SVG · PNG · EPS
Eventlogo — Licht
Zonder jaartal, op licht
Zwarte variant zonder jaartal. Voor drukwerk op lichte achtergronden, sponsor-overzichten en print-uitingen.
SVG · PNG · EPS
Neem contact op voor de volledige branding kit met alle logo-varianten.
Download branding kit02 — Kleurpalet
Warm op donker
Drie tinten vormen het volledige palet: zwart, wit en Hotelnacht-oranje. De Mastercard-cirkels (rood + oranje) verschijnen uitsluitend als logo, nooit als UI-kleur.
Achtergronden
Van diep naar verhoogd#080808
Deep / Black
#0F0F0F
Card
#1A1A1A
Surface
#252525
Elevated
Accent & merkkleuren
Spaarzaam toepassen#FF5F00
Hotelnacht Orange
#EB001B
Mastercard Red
#F79E1B
Mastercard Orange
#FF5F00 is de enige functionele accentkleur — voor headlines, KPI-getallen, badges, accentlijnen en hover-states. MC Red en MC Orange verschijnen uitsluitend in het officiële Mastercard-logo.
Tekstkleuren
Drie niveaus#FFFFFF
Primary
#B0B0B0
Secondary
#666666
Muted
Borders & lijnen
Subtiel en functioneel#222222
Border
Orange 30%
Hover Border
White 6%
Divider
03 — Typografie
Drie fonts, één systeem
Alle drie Google Fonts, ontworpen door Colophon Foundry. DM Serif Display is het gezicht, Instrument Sans het werkpaard, DM Mono voor data en metadata.
DM Serif Display
Instrument Sans
DM Mono
Mastercard Hotelnacht 2027
DM Serif Display · 48px · #FFFFFF
Paginatitel
Paginatitel
De dertiende Hotelnacht
DM Serif Display · mix wit + oranje italic
Heading met nadruk op kernwoord
Heading met nadruk op kernwoord
3,12M
DM Serif Display · 56px · #FF5F00
KPI-getal in metric card
KPI-getal in metric card
Op 16/17 januari vindt de dertiende editie plaats van de Mastercard Hotelnacht, het hospitality festival in Amsterdam.
Instrument Sans 400 · 16px · #B0B0B0
Body tekst
Body tekst
Dertiende editie · 16 & 17 januari 2027 · Amsterdam
DM Mono 400 · 11px · uppercase · #FF5F00
Section label / eyebrow
Section label / eyebrow
Total Users · Page Views · Recipients
DM Mono 400 · 11px · uppercase · #666666
KPI-labels en bronvermeldingen
KPI-labels en bronvermeldingen
04 — Fotografie
Beeldtaal & richtlijnen
De fotografie van Hotelnacht ademt sfeer: warm, intiem, levendig. Beeld wordt altijd op een donkere achtergrond geplaatst, met een gradient overlay van onder voor tekst-leesbaarheid.
OpeningEvent
Check-inActivatie
Listening barSfeer
PartyNacht
WellnessZondag
Stijl
Warm & atmospheric
Gebruik beelden met warme tinten, zacht licht en een intieme sfeer. Liever candid dan geposeerd. Mensen in interactie, niet naar de camera kijkend. Altijd professioneel gefotografeerd (300 dpi voor print).
Technisch
Overlay & behandeling
Foto’s worden altijd geplaatst op een donkere achtergrond (#080808). Een gradient overlay (zwart 85% → transparant) zorgt voor leesbaarheid van tekst. Bij hover: subtiele zoom (scale 1.03, 0.4s ease). Border-radius: 16–24px.
Captions
Event-naam in oranje
Op foto-overlays: event-naam in DM Serif Display #FF5F00, locatie in Instrument Sans #B0B0B0. Captions altijd links-onder geplaatst in DM Mono, 10px, uppercase.
Aanleveren
Formaten & resolutie
Web: JPG, max 2400px breed, geoptimaliseerd (< 400 KB). Print: 300 dpi, CMYK. Video: MP4, 1080p minimum. Lever altijd onbewerkte originelen aan naast bewerkte versies.
05 — Designelementen
Visueel vocabulaire
Zeven terugkerende elementen vormen de visuele taal van Hotelnacht. Consistent toegepast op de website, in presentaties en in uitingen.
Campagne
Opening
Outline
Badge / Pill
Labels
Pill-shape, #FF5F00 achtergrond, zwarte tekst. Instrument Sans 700, 11px uppercase. Border-radius 20px. Outline-variant voor secundaire labels.
De Wellness Edition had als centraal thema het vinden van balans.
Accentlijn
Verticale lijn
3px breed, #FF5F00, padding-left 20px. Geplaatst links naast citaten of beschrijvende tekst als visueel accent.
Cirkel-ring
Decoratief element
Dunne cirkellijn in rgba(255,95,0,0.12–0.18). Overschrijdt het viewport. Verwijst naar de ronde vormen van Mastercard.
7.000+
Festivalgangers
Metric Card
KPI-weergave
Surface achtergrond, border #222, radius 24px. Getal in DM Serif Display #FF5F00. Label in DM Mono uppercase #666. Plus-tekens altijd in oranje.
Programma
De beste momenten
Section Label
Eyebrow + Heading
Oranje streepje (28px × 2px) + DM Mono label, gevolgd door DM Serif Display heading met kernwoord in oranje italic.
Feel Good Party
Pulitzer Amsterdam
Foto-overlay
Gradient + tekst
Gradient van zwart (85% opacity) onderaan naar transparant. Event-naam in DM Serif Display #FF5F00, locatie in #B0B0B0.
Border radius
24px
Panelen, metric cards, foto-containers
Radius klein
16px
Hotel cards, partner cards
Badge radius
20px
Pill-shape badges & buttons
Sectie padding
80px
Desktop. Mobiel: 60px
06 — Richtlijnen
Do’s & Don’ts
Hoe het designsysteem correct wordt toegepast. Volg deze richtlijnen om het merk consistent en herkenbaar te houden.
Do
DM Serif Display voor alle headlines. Eén kernwoord per heading in oranje italic als nadruk.
Don’t
Sans-serif headlines gebruiken. Meerdere woorden in oranje markeren. Uppercase serif.
Do
Alleen #FF5F00 als accentkleur. Consequent en spaarzaam toepassen.
Don’t
Extra kleuren introduceren. Blauw, groen of paars als accent. Mastercard-rood als UI-kleur.
Do
Plus-tekens bij KPI’s in oranje (#FF5F00) weergeven, zelfde kleur als het getal.
Don’t
Plus-tekens in grijs of een andere kleur dan het getal zelf.
Do
Badge-tekst in zwart (#000) op oranje achtergrond. Zwart biedt het beste contrast.
Don’t
Witte tekst op oranje badges. Vermindert leesbaarheid aanzienlijk.
Do
Officieel Mastercard-logobestand gebruiken. Altijd volledig zichtbaar (opacity: 1).
Don’t
CSS-cirkels als Mastercard-logo. Semi-transparant logo (opacity: 0.25).
Do
Donkere achtergrond altijd. Zwart of donkergrijs. Border-radius: 24px voor panelen.
Don’t
Lichte achtergronden. Scherpe hoeken. Borders dikker dan 1px (behalve accentlijn).
Do
Responsive: op mobiel afbeeldingen op volle breedte. Metric cards in 2×2 grid, even groot.
Don’t
Afbeeldingen verbergen op mobiel. Ongelijke card-groottes. Content buiten het scherm.