MainStage Live #1 — Eerste Rij: concept en huisstijl
Wij stonden altijd op de eerste rij. Nu jij.
Nieuwe Vlaamse indie & rock, live — een avond van MainStage Vision, het concertfotomagazine. MainStage Vision fotografeert al jaren vanaf de eerste rij. Voor één avond zetten we onze lezers daar, bij drie Vlaamse bands die wij zagen groeien.
- za 20.03.2027
- deuren 19:30
- 3 bands
- 1 DJ
- Antwerpse clubzaal
- vanaf € 17 all-in
- Opname 01 / 12
- Big idea
Eén zin die de hele avond draagt
Elke concertfoto van MainStage Vision is genomen vanaf dezelfde plek: tegen de podiumrand, tussen de monitors, met de band een armlengte boven je. Die plek is ons verhaal. Dus geven we ze weg.
Het idee werkt in drie tijden: het belooft iets vóór de avond, het is concreet óp de avond en het klopt nog ná de avond. Elke tekst, elk beeld en elke drager valt onder één van deze drie zinnen.
-
Vóór · campagne
Wij stonden altijd op de eerste rij. Nu jij.
Big idea. Op de aankondiging, de affiche, de wachtlijst en de bandreveals.
-
Op de avond · kernboodschap
Drie Vlaamse bands die wij zagen groeien, één Antwerpse clubzaal, jij op de eerste rij — vanaf € 17 all-in.
Voor de ticketpagina, de advertenties en elke plek waar iemand moet beslissen.
-
Erna · afsluiter
Je zag ze hier eerst.
Bij het album (zo 21/3, 18 u), de aftermovie (za 27/3) en straks de aankondiging van #2.
Elk eerste contact zegt wat het is
Wie MainStage Vision niet kent, leest “wij” als niemand. Daarom staan op elke drager die iemand als eerste ziet (aankondiging, teaser-affiche, advertentie, flyer) drie dingen groot, naast het big idea:
- Het genreNieuwe Vlaamse indie & rock, live
- Wie het organiseertEen avond van MainStage Vision, het concertfotomagazine
- De prijsWat op dat moment echt te koop is: “vanaf € 17 all-in” zolang de early bird loopt (tot uitverkocht of t.e.m. zo 17/1), daarna “€ 23 all-in”
- De line-up, ook vóór de namenRevealblokken tonen het profiel (“opener · indie / garagerock”), nooit enkel een nummer
- Opname 02 / 12
- Naam & slogan
Waarom “Eerste Rij”
De roepnaam is MainStage Live (#1 is de nummering). “Eerste Rij” is de slogan, geen tweede titel. Zo weet iedereen hoe hij het tegen een vriend noemt: “ga je mee naar MainStage Live?”
-
Het is waar
We verzinnen geen belofte. De fotografen van MainStage Vision staan echt vooraan; dat is waar elk beeld in het magazine vandaan komt. De slogan zegt gewoon wat we al jaren doen.
-
Het is een plek, niet enkel een woord
Je kunt er gaan staan. Dat maakt het idee bruikbaar: op het ticket, in de zaal (de fotospot “Eerste Rij” van de presenting partner), op de albumcover. Alles wat we ontwerpen kijkt vanaf die rij.
-
Het groeit mee als reeks
De reeksnaam blijft MainStage Live; elke editie krijgt een nummer en een plek in de zaal. Na “#1 — Eerste Rij” kan een volgende avond verder bouwen zonder een nieuw merk.
-
Het respecteert het publiek
Foto & Video filmt de eerste rij standaard van achteren: ruggen, handen, de band in tegenlicht. Gezichten van vooraan enkel met toestemming. Het beeld van het idee is dus meteen privacyvriendelijk.
- Opname 03 / 12
- Art direction
- Intern: “Door de zoeker”
Art direction in één zin
Art direction in één zin
MainStage Live #1 — Eerste Rij is de avond gezien door de zoeker van de fotograaf op de eerste rij: een magenta zoekerkader rond amber tegenlicht, met de underscore van Main_Stage_ als podiumrand waarop alles staat.
- BeeldAlles wat we maken is wat de fotograaf op de eerste rij ziet: vier zoekerhoeken, één warm tegenlicht, één regel opnamegegevens.
- StructuurDe underscore van Main_Stage_ is de podiumrand. Bandnamen, uren en sponsors staan erop — nooit ernaast, nooit erover.
- KleurTwee kleuren met een taak: magenta voor de grafiek, amber voor het licht. De rest is zaalzwart en affichepapier.
Wat er nooit in komt
- Neon
- Lasers
- Cyaanverloop
- Confetti
- Stockfoto’s
- Gegenereerde beelden
- Opname 04 / 12
- Woordmerk
- SVG-paden
Het woordmerk staat op zijn eigen podium
Het woordmerk is met de hand getekend op een raster: smalle letters, rechte hoeken, één stamdikte. Geen lettertype, dus overal identiek. De tweede underscore stopt niet: ze loopt door als magenta podiumlijn, en daarop staat het label #1 — EERSTE RIJ — ook dat in paden, met eigen mono-achtige letters.
| Roepnaam | MainStage Live, met #1 als nummering. In lopende tekst, URL’s, mails en alt-teksten: “MainStage Live #1”. |
|---|---|
| Slogan | “Eerste Rij” — nooit als tweede titel. |
| Underscores | Enkel in het woordmerk (het bestand). Nooit in lopende tekst, alt-tekst of hashtags. |
| Hashtag | Eén eigen tag: #MainStageLive. |
| Omschrijving | Nieuwe Vlaamse indie & rock, live — een avond van MainStage Vision, het concertfotomagazine. |
Opbouw
- aStam 20 eenheden, dwarsbalk 17: horizontalen iets lichter, zodat ze even zwaar ogen als de verticalen.
- bx-hoogte 88 op kapitaalhoogte 120: hoge onderkast, leesbaar op afstand en op een gsm.
- cKapitaalhoogte 120; de i-punt en de stokken van M, S en L lijnen uit op de kapitaalhoogte (y 0).
- dPodiumlijn 17 dik, 14 onder de basislijn — dezelfde maat als de staart van de g en de eerste underscore.
- eDe t is de enige letter met een ascender: haar stam begint op y 8, een kwart tussen kapitaalhoogte (0) en x-hoogte (32). Bewust: zo leest ze niet als een l, en blijft ze lager dan de i-punt.
- fLabel “#1 — EERSTE RIJ”: eigen mono-achtige letters in paden. Kapitaalhoogte 30 (y 90–120, op de basislijn), stam en balk 5 (dezelfde verhouding 1 : 6 als het woordmerk), 15 vaste cellen van 24 = exact 360 breed, van x 940 tot het einde van de podiumlijn.
Maten en vrije ruimte
| Vorm | Scherm | Druk | Waar |
|---|---|---|---|
| Volledig woordmerk | ≥ 280 px breed | ≥ 70 mm breed | Affiche, site, social, ticket, eindkaart |
| Merkteken _#1_ | ≥ 16 px | ≥ 8 mm | Favicon, avatar, borst crew-shirt, stickers |
| Vrije ruimte | rondom minstens één x-hoogte | Geen tekst, logo of beeldrand binnen die marge | |
Wat niet mag
-
Niet vervormenNooit smaller, breder of hoger trekken. Altijd schalen in verhouding.
-
Geen gloed of schaduwGeen neon, geen glow, geen 3D. Het licht zit in de foto, niet in de letters.
-
De lijn blijft magentaDe podiumlijn is altijd FOH-magenta — ook op papier, ook in zwart-wit niet amber of grijs.
-
Main_Stage_ Live #1
Niet zelf typenHet woordmerk is een bestand, geen tekst in een lettertype. Altijd de SVG gebruiken.
-
Niet op een druk vlakEnkel op zaalzwart, affichepapier of de rustige onderste vijfde van een foto.
-
Niet schuinHet podium staat recht. Het woordmerk ook.
- Opname 05 / 12
- Kleur
- 2 merkkleuren + neutraal
Zes kleuren, elk met een taak
Afgeleid van mainstage.vision: het magenta en het zwart van het moedermerk, het amber van het tegenlicht. Het cyaan en het driekleurenverloop van de site laten we voor deze avond bewust weg — anders wordt het het standaardclubnachtsjabloon.
-
AaGROOT
FOH-magenta
#e91e63Podiumlijn, zoekerhoeken, kaders, grote display. Nooit kleine tekst. -
AaELKE MAAT
Magenta diep
#c2185bKnop met witte tekst, tekstaccent op papier, riso-lijnen. -
AaELKE MAAT
Tegenlicht-amber
#f59e0bHet licht: uren en prijzen op zwart, knop met zwarte tekst, halftonezon, no-photo-bandje. -
AaELKE MAAT
Zaalzwart
#0a0b0fDe zaal vóór de lichten aangaan. Basis van affiche 1, site en social. Rijk zwart in druk. -
AaELKE MAAT
Affichepapier
#f2eee6Gerecycleerd papier: affiche 2, dossiers, ticket. Tekst op zwart. -
AaOP ZWART
Zoekergrijs
#a0a0a8Labels, EXIF-strook en bijschriften — enkel op zwart, nooit op papier.
Verhouding op een drager — zwart draagt, magenta en amber zijn accenten
Welke combinaties mogen voor tekst
Eigen berekening volgens WCAG 2.x. Groot = minstens 24 px, of 18,7 px vet. Lijnen, kaders en grafiek hebben 3:1 nodig.
| Combinatie | Staal | Ratio | Kleine tekst | Grote tekst | Gebruik |
|---|---|---|---|---|---|
| Papier op zwart · zwart op papier | Aa | 17,0:1 | ja | ja | Lopende tekst |
| Amber op zwart · zwart op amber | Aa | 9,2:1 | ja | ja | Uren, prijzen, knop |
| Grijs op zwart | Aa | 7,6:1 | ja | ja | Labels, EXIF-strook |
| Wit op magenta diep | Aa | 5,9:1 | ja | ja | Knop magenta |
| Magenta diep op papier | Aa | 5,1:1 | ja | ja | Accenten op papier |
| Magenta op zwart | Aa | 4,5:1 | liever niet | ja | Grote display, lijnen |
| Wit op magenta | Aa | 4,3:1 | nee | ja | Enkel groot |
| Papier op magenta | Aa | 3,8:1 | nee | ja | Enkel groot |
| Magenta op papier | Aa | 3,8:1 | nee | ja | Enkel groot, lijnen, kaders |
| Magenta diep op zwart | Aa | 3,3:1 | nee | ja | Enkel groot |
| Grijs op papier | Aa | 2,2:1 | nooit | nooit | — |
| Amber op papier | Aa | 1,9:1 | nooit | nooit | Enkel als beeld (halftonezon) |
Knoppen: zwart op amber, of wit op magenta diep. Focusring: 3 px amber op zwart, magenta diep op papier. Druk: FOH-magenta drukt in CMYK doffer — proefdruk vragen, of riso fluo pink voor affiche 2.
- Opname 06 / 12
- Typografie
- Niets gedownload
Eén grotesk, twee breedtes, één mono
We downloaden geen lettertypes. Elk toestel heeft al een grotesk met een smalle broer — Helvetica Neue en Condensed, Arial en Arial Narrow, Bahnschrift Condensed op Windows zonder Office, Roboto en Roboto Condensed, Liberation Sans en Narrow. Die combinatie is ons lettertype. Wat overal identiek moet zijn, tekenen we: het woordmerk en zijn label in paden, de bandnamen in SVG met een vaste kolombreedte.
Eerste rij
Koppen, bandnamen, bewegwijzering. Vet, smal, altijd kapitalen, regelafstand krap. Heeft het toestel geen smalle snit, dan valt de display terug op de systeemletter in gewicht 800 met font-stretch: condensed — nooit op een vreemde zware noodletter.
"MSL Display" (local: Helvetica Neue Condensed, Arial Narrow, Bahnschrift Condensed, Roboto Condensed, Liberation Sans Narrow, DejaVu Sans Condensed), "Arial Narrow", "Roboto Condensed", sans-serif-condensed, system-ui, sans-serif · gewicht var(--msl-display-gewicht) = 800
Drie bands die wij zagen groeien.
Lopende tekst, mails, dossiers. Regular en vet, onderkast, regelafstand ruim.
"Helvetica Neue", Arial, Roboto, "Liberation Sans", system-ui, sans-serif
DEUREN 19:30 · € 17
EXIF-strook, uren, prijzen, labels, sponsorniveaus. Kapitalen met wat lucht.
ui-monospace, "SF Mono", Menlo, Consolas, "Roboto Mono", "Liberation Mono", monospace
Hiërarchie
- Display XL · h1
clamp 44–120 px · .92Eerste rij - Display L · h2
clamp 34–76 pxDe speellijst - Display M · h3
clamp 22–34 pxBand B · alt-rock/postpunk - Lead
18–23 px · 1,45Drie Vlaamse bands die wij zagen groeien, één Antwerpse clubzaal, jij op de eerste rij. - Tekst
16–18 px · 1,6 · max 68 tekensNa de laatste band blijft de zaal open: de DJ draait indie en alt tot 01:30. Het album met de foto’s van de avond staat zondag om 18 u online. - Label · mono
12–13 px · kapitalen · +0,08 emDeuren 19:30 · band A 20:15 · band B 21:25 · band C 22:40 · DJ 23:30
Regels: kapitalen enkel in display en mono, nooit in lopende tekst. Uren en prijzen altijd in mono. Maximaal twee families zichtbaar per drager (display en tekst zijn één familie).
Bandnamen: vaste kolom, korps per naam
Gelijke billing betekent gelijke kolombreedte op de podiumlijn. De letters rekken we daarvoor nooit uit. Per naam berekenen we het korps: korps = kolombreedte ÷ (0,53 × aantal tekens), met een maximum per drager (0,53 is de gemiddelde breedte van een kapitaal in de smalle display). In SVG zetten we textLength op de kolombreedte met lengthAdjust="spacing": enkel de letterafstand vangt het laatste verschil op, de vorm van de letters blijft. De PDF voor de drukker maken we op één machine en controleren we op het oog.
12 tekens → korps 84 (maximum) · 27 tekens → 600 ÷ (0,53 × 27) = korps 42 · zelfde kolom, letters onvervormd
- Opname 07 / 12
- Beeldtaal
- CSS + SVG
Vier elementen, meer niet
Elk element komt uit het werk van de fotograaf. Samen maken ze van een zwart vlak een affiche van MainStage Live — ook als er nog geen foto is.
-
Zoekerhoeken
Vier hoekhaken in magenta, 3 px op scherm; optioneel een AF-punt op de bovenste derdelijn. Kadert wat je vanop de eerste rij ziet. Regel van Foto & Video: een hoek of AF-punt valt nooit over een gezicht.
.zoeker·.zoeker--af·assets/zoeker.svg -
- za 20.03.2027
- deuren 19:30
- 3 bands
- 1 DJ
- vanaf € 17
EXIF-strook
De opnamegegevens van de avond in één mono-regel: datum · deuren · bands · DJ · prijs. Zodra er een echte foto staat, tonen we de echte opnamegegevens van die foto — nooit een verzonnen diafragma.
.exif -
- 20:15Band A
- 21:25Band B
- 22:40Band C
- 23:30DJ
Podiumlijn
De doorgetrokken underscore. Alles wat op het podium komt, staat erop: bandnamen, uren, de datum, de countdown, de sponsorband. Eén lijn per item, nooit tekst eronder plakken.
.podiumlijn -
Tegenlichtéén warme bron, van achter de band
Amber tegenlicht & halftonezon
Eén lichtsfeer: warm amber van achter het podium. In grafiek wordt dat de halftonezon — een stippenraster dat naar de rand fijner wordt, als riso-druk. Magenta mag als accent in de wash, nooit vol op gezichten.
.tegenlicht·.halftone
- Opname 08 / 12
- Fotobriefings
- Met Foto & Video
Twaalf beelden die nog gemaakt moeten worden
Foto’s komen enkel van Gunther en de beeldploeg. Tot ze er zijn, staat op elke drager een zwart fotovlak met zoekerhoeken en de briefing in mono. Zo ziet iedereen nu al wat er komt — en weet de fotograaf exact wat hij moet maken.
-
Foto 01Camera en handen van de fotograaf, door de zoeker · 4:5 + 9:16 -
Foto 02Polsbandje of ticket in een hand — crewlid, met toestemming · 1:1 -
Foto 03Bandportret, recht in de lens · 3:2 + 4:5 -
Foto 04Silhouet van de band in tegenlicht, identieke opstelling voor A, B en C · 4:5 -
Foto 05Frontpersoon close · 9:16 -
Foto 06Handen op het instrument · 1:1 -
Clip 07Teaser: de band in vijftien seconden, ondertiteld · 9:16 -
Clip 08Short “drie vragen” aan de band · 9:16 -
Foto 09Lege zaal vlak voor de deuren · liggend -
Foto 10De eerste rij van achteren, band in tegenlicht · 4:5 -
Foto 11Drummer van achteren, volle zaal · 16:9 -
Foto 12Sponsoractivatie — publiek van achteren of met release · 4:5 + 1:1
- Geen leenbeeldenGeen stock, geen gegenereerde beelden, geen archief van andere bands. Archief van de band zelf enkel met hun schriftelijk akkoord.
- De zoeker respecteert het gezichtZoekerhoek en AF-punt vallen nooit over een gezicht; de titel staat onder het beeld op de podiumlijn, niet erover.
- Eén lichtsfeerAmber tegenlicht op de foto, magenta enkel in de grafiek. Lichtafspraak met de huistechnicus: per band minstens één nummer frontlicht.
- Eén opstelling, drie bandsDezelfde lichtopstelling in alle portretsessies, zodat de drie silhouetten als drieluik op de affiche passen. Gelijke billing, ook in beeld.
- Opname 09 / 12
- Tone of voice
- Met Marketing
We praten als de fotograaf naast je
Gedreven en muziekliefhebberig, Antwerps-Vlaams zonder dialect te forceren, nooit corporate. Concreet (uren, prijzen), eerlijk (geen valse schaarste, geen nep-timers), warm voor bands en vrijwilligers. We zeggen “je” en “jij”.
- Gedreven
- Concreet
- Eerlijk
- Warm
- Vlaams
-
Niet zo
Mis dit NIET!!! Hét event van het jaar!!!
Uitroeptekens-regen en superlatieven: niemand gelooft het.Wel zoZaterdag 20 maart. Drie bands die wij zagen groeien. Jij vooraan.
Datum, wat, waarom — in drie korte zinnen. -
Niet zo
Experience the ultimate live vibe with Antwerp’s hottest new acts.
Engelstalig marketingcliché, kan over elk feestje gaan.Wel zoDrie Vlaamse bands, één Antwerpse clubzaal, jij op de eerste rij — vanaf € 17 all-in.
De kernboodschap: concreet en met prijs. -
Niet zo
Nog maar enkele tickets beschikbaar — haast je, de teller loopt!
Valse schaarste en een nep-timer.Wel zoNog ⟨aantal⟩ tickets online, € 23.
Gewoon het getal, zonder bezwering. “Laatste tickets” zeggen we pas vanaf 255 verkocht. -
Niet zo
MainStage Vision biedt u in samenwerking met haar partners een exclusieve muzikale beleving aan.
“U”, “beleving”, “exclusief”: zo praat een persbericht, geen fotograaf.Wel zoWij stonden altijd op de eerste rij. Nu jij.
Wij en jij. Meer heb je niet nodig. -
Niet zo
Support act: band A.
Een band is nooit een voorprogramma-vulling.Wel zoBand A opent om 20:15. Kom op tijd.
Warm voor de band, concreet voor de bezoeker. -
Niet zo
Allee mannekes, iedereen massaal afzakken, ’t wordt plezant!
Geforceerd dialect klinkt als een parodie.Wel zoZonder de vrijwilligers aan de deur, de bar en het infopunt stond hier niemand vooraan. Merci.
Vlaams door de woordkeuze, niet door de spelling.
- Opname 10 / 12
- Sponsorzones
- Met Events
Elk niveau ziet er meer uit dan het vorige
Logo’s staan altijd monochroom in een vast vak — papier op zwart, zwart op papier. Eén regel, dus rust en geen logo-soep. Vectoraanlevering staat in het contract. Zonder logo tonen we een gestippeld vak met het type sponsor.
-
Zone APresenting partner
Type sponsor — Presenting€ 1.500 excl. btw · 1 partner · “presented by ⟨type sponsor⟩”. Affiche direct onder het woordmerk: A2 90×30 mm, A3 64×21 mm; ook op de achterkant van de A6-flyer (22,5×7,5 mm). Social: feed 220×80 px en story 300×100 px op de timetable (feed en story), de ticket- en countdownstories en de bedankcarrousel — nooit op de aankondiging, de bandreveals, “nog 1 week” of “laatste tickets”. Vóór de go: “presented by” in de line-upmail van 4/2 (als getekend) en vanaf ondertekening 40 px in de ticketstrook van de website. Servicemails dragen enkel het logo, zonder wervende tekst. “Album aangeboden door ⟨type sponsor⟩”. Eindkaart aftermovie groot.
-
Zone BContentpartner
Type sponsor — Content€ 750 excl. btw · 2 partners · “Aftermovie by…” of “Bandportretten by…” (het album is van de presenting partner). Sponsorband A2 50×20 mm, A3 35×14 mm. Naam bij hun eigen deliverable: de eindkaart van de aftermovie, of de portretreeks op de line-up van /live/, in de persmap en in de bandcontentpakketten (23/3) — nooit op de bandreveals zelf. 140×56 px bij hun post. Web 32 px in de partnerstrook. Eindkaart middel.
-
Zone CLokale partner · ruilpartner
Type sponsor — Lokaal€ 300 excl. btw · 4 lokale partners, plus maximaal 1 ruilpartner in natura (enkel als die een begrotingspost schrapt). Sponsorband A2 30×12 mm, A3 21×8,5 mm. Vóór de avond: één vermelding in een story in de laatste week (“voor de show bij…”), één regel in de kopersmail D-7, en een affiche plus 25 flyers voor de eigen zaak. Bedankcarrousel. Web 24 px in de partnerstrook. Extra: oordopjespotje en infotafel.
- Nooit lege vakken op drukwerkDe sponsorband centreert de logo’s die er zijn. Op de affiches en de flyer staat wie getekend heeft en het vectorlogo bezorgde vóór vr 22/1; betalen gebeurt volgens het contract (14 dagen). De affiches hangen vanaf ma 8/2 tot 20/3. Later tekenen = web, social en eindkaart.
- Inhoud gaat voorSponsors staan op maximaal één op vijf feedposts en nooit op de aankondiging, de bandreveals, “nog 1 week” of “laatste tickets”. In Reels pas op de eindkaart.
- Monochroom, vectorEén kleur: papier op zwart of zwart op papier. Logo’s als vectorbestand; geen kleurlogo’s, geen pixelbestanden.
- Geen alcoholmerkenDe bar is van de club. Sponsors kopen content, aanwezigheid en een rapport — geen beloofde bereikcijfers.
- Opname 11 / 12
- Toepassingen
- Op schaal
Hetzelfde podium op elke drager
Vijf miniaturen op ware verhouding. Ze tonen hoe het systeem zich gedraagt; de uitgewerkte versies staan op de eigen pagina’s.
-
Affiche 1 · Eerste RijZwart · A2 + A3 · met line-upFoto 04silhouet in tegenlicht · drieluikBand ABand BBand Cza 20.03.2027deuren 19:30+ DJ€ 23 all-in
-
Affiche 2 · PodiumvloerPapier · riso zwart + fluo pink · A3 + A2 · profielblokkenBand A20:15ALT-ROCK / POSTPUNK21:25INDIEROCK · HEADLINER22:40za 20.03.2027Antwerpenvanaf € 17
-
Feed1080 × 1350 · bandrevealza 20.03AntwerpenticketsFoto 03bandportret, recht in de lensBand AREVEAL 1/3
-
veilige zoneStory1080 × 1920 · countdown⟨LINK⟩ TICKETSFoto 05frontpersoon closeZa 20.0319:30
-
Ticket als speellijstWebsite & ticketmail · perforatie in CSS20:15Band A21:25Band B22:40Band C23:30DJZaterdag 20 maart 2027Deuren 19:30Antwerpse clubzaalNaamswijziging gratis tot 24 u voorafEarly bird · all-in € 17 ⟨ticketnummer⟩
Eerste Rij
- Opname 12 / 12
- Voor alle afdelingen
Zo bouw je verder
Elke pagina van het project laadt één stijlblad en gebruikt dezelfde bestanden. Geen eigen kleuren, geen eigen lettertypes, geen beelden van het web.
In de <head>
<link rel="stylesheet" href="assets/msl.css">
<link rel="icon" href="assets/merkteken.svg"
type="image/svg+xml">
Woordmerk
<!-- op zwart -->
<img class="woordmerk" src="assets/woordmerk.svg"
alt="MainStage Live #1"
width="1300" height="152">
<!-- op papier -->
<img class="woordmerk" src="assets/woordmerk-papier.svg"
alt="MainStage Live #1"
width="1300" height="152">
Wil je de kleur sturen met CSS (bv. in een SVG-affiche), plak dan de inhoud van woordmerk.svg inline: de letters volgen color, de lijn het token --msl-wm-lijn, het label (ook in paden) het token --msl-wm-label — standaard de kleur van de letters, op zwart mag amber.
Pakketnavigatie — direct na de skiplink
<nav class="pakketnav niet-printen"
aria-label="Onderdelen van MainStage Live #1">
<a href="index.html">Portaal</a>
<a href="concept.html" aria-current="page">Concept</a>
… (zelfde volgorde op elke pagina)
</nav>
Voet van elke pagina
<footer class="voet-voorstel">
<span>Voorstel · voorbeeldpagina</span>
<span>MainStage Vision · Studio</span>
</footer>
Klassen in msl.css
.pakketnavGedeelde balk met alle onderdelen; scrollt horizontaal op gsm,aria-current="page"= amber met magenta lijn. Verborgen in print..op-papierLichte variant; schakelt alle tokens om (ook focus en accenten)..zoekerVier zoekerhoeken rond een element;--afvoegt het scherpstelpunt toe..podiumlijnZet tekst op de magenta lijn;--diepvoor riso op papier,hr.podiumlijnlos..exifMono-strook op een<ul>; punten ertussen komen vanzelf,<b>= accent..fotovlakZwart plaatsvak met zoekerhoeken en briefinglabel;--4x5,--9x16,--tegenlicht….sponsorvakGestippeld logovak--a/--b/--c; schaal met--sv-mm(1mm = A2)..tabelTabelstijl; in.tabel-scrollvoor gsm,.getalvoor bedragen..knopZwart op amber;.knop--magentawit op magenta diep..tegenlichtAmber licht van boven op zaalzwart..label·.leadMono-kapitalen voor labels · inleidende alinea..voet-voorstelVerplichte voet onderaan elke pagina.