NedDev®
EN Get in touch
Home Werk
Diensten
SaaS bouwenAI developmentAPI developmentMobile app developmentGoogle Ads managementHeadless ShopifyLaravel developmentNext.js developmentReact developmentTypeScript engineeringUI/UX designSEO & AEOWebshop bouwen
Oplossingen
AI-oplossingenB2B-platformsE-commerceHorecaLead generationLogistiekOnderwijsProcesautomatiseringSaaS-platformsStartup MVPVastgoedZorg
Branches
JuridischZorgVastgoedFinanceHoreca
Regio
Den HaagRotterdamAmsterdamUtrechtEindhovenAlmereBredaArnhemNijmegenTilburgEnschedeGroningenLeidenDelftZoetermeerDen Bosch
Studio
OverWerkwijzeLabBlogContact

Chromatic Acid

Grijs-zwart basissysteem dat wordt opengebroken door drie acid-kleuren (chartreuse, cyaan, magenta), afgeschuinde hoeken en een geometrische displayletter: voor muziek, gaming en events.

Bekijk op volledig scherm ↗

THEMA_04 // DOPAMINE

ChromaticAcid

Monochroom tot het knalt. Grijs draagt de pagina, drie zure kleuren geven de beat.

bgAchtergrond#0B0B0C
sfOppervlak#18181B
txTekst#F4F4F2
mdGedempt#8C8C90
lnLijn#2E2E33
a1Accent#D4FF1E
a2Accent 2#00E1FF
sgSignaal#FF2BD1
ZAAL NULROTTERDAM · NOVEMBER 2026

VR 14.11

  • Kiki Ruischlive
  • Odessa Bas b2b Mo Vreelandheadliner
  • Grijze Zonelaatste 40
  • Spoor 9 Soundsystemtot sluit
Kaarten vanaf € 18,50
uitverkocht 202518+ · id mee

// TYPE: ARRAY + CLASH GROTESK

NACHT 01

Drie podia, één zaal, geen pauze

Clash Grotesk zet de lopende tekst: compact, technisch en goed leesbaar op een donkere achtergrond in een volle zaal met een telefoon in de hand.

displayArray 70072
kopClash 60026
tekstClash 40015
labelArray 60012

// KNOPPEN

// INVOER

// BADGES

nieuwlivebijna voltechnohouse

// KAART

MIX 047 · 62 MIN

Grijze Zone · Live in Zaal Nul

PAST BIJ clubs en festivals · labels en artiesten · gaming en e-sports · streetwear-drops · web3 en digitale kunst

Zo gebruik je het

  1. Plak de HTML op de plek waar het onderdeel moet komen.
  2. Zet de CSS in je stylesheet. Alle klassen hebben een eigen voorvoegsel, dus niets botst met je eigen opmaak.
  3. Geen JavaScript nodig.
<!-- Chromatic Acid · NedDev · eigen werk. -->
<div class="jouw-container">
<div class="tca"><div class="tca__in">
  <div class="tca__top">
    <div class="tca__title">
      <p class="tca__code">THEMA_04 // DOPAMINE</p>
      <h3 class="tca__name"><span>Chromatic</span><span>Acid</span></h3>
      <p class="tca__mood">Monochroom tot het knalt. Grijs draagt de pagina, drie zure kleuren geven de beat.</p>
    </div>
    <div class="tca__eq">
      <div class="tca__bar" style="--c:#0B0B0C;--h:46%"><i></i><b>bg</b><span>Achtergrond</span><code>#0B0B0C</code></div>
      <div class="tca__bar" style="--c:#18181B;--h:58%"><i></i><b>sf</b><span>Oppervlak</span><code>#18181B</code></div>
      <div class="tca__bar" style="--c:#F4F4F2;--h:90%"><i></i><b>tx</b><span>Tekst</span><code>#F4F4F2</code></div>
      <div class="tca__bar" style="--c:#8C8C90;--h:66%"><i></i><b>md</b><span>Gedempt</span><code>#8C8C90</code></div>
      <div class="tca__bar" style="--c:#2E2E33;--h:38%"><i></i><b>ln</b><span>Lijn</span><code>#2E2E33</code></div>
      <div class="tca__bar" style="--c:#D4FF1E;--h:100%"><i></i><b>a1</b><span>Accent</span><code>#D4FF1E</code></div>
      <div class="tca__bar" style="--c:#00E1FF;--h:78%"><i></i><b>a2</b><span>Accent 2</span><code>#00E1FF</code></div>
      <div class="tca__bar" style="--c:#FF2BD1;--h:84%"><i></i><b>sg</b><span>Signaal</span><code>#FF2BD1</code></div>
    </div>
  </div>
  <div class="tca__mid">
    <div class="tca__poster">
      <div class="tca__ph"><span>ZAAL NUL</span><span>ROTTERDAM · NOVEMBER 2026</span></div>
      <p class="tca__date">VR 14.11</p>
      <ul class="tca__line">
        <li><time>23:00</time><b>Kiki Ruisch</b><em class="tca__chip tca__chip--c">live</em></li>
        <li><time>00:30</time><b>Odessa Bas b2b Mo Vreeland</b><em class="tca__chip tca__chip--a">headliner</em></li>
        <li><time>02:00</time><b>Grijze Zone</b><em class="tca__chip tca__chip--m">laatste 40</em></li>
        <li><time>03:30</time><b>Spoor 9 Soundsystem</b><em class="tca__chip">tot sluit</em></li>
      </ul>
      <div class="tca__pfoot"><span>Kaarten vanaf € 18,50</span><button class="tca__btn tca__btn--p" type="button">Tickets</button></div>
      <span class="tca__tape tca__tape--1">uitverkocht 2025</span><span class="tca__tape tca__tape--2">18+ · id mee</span>
    </div>
    <div class="tca__type">
      <p class="tca__lbl">// TYPE: ARRAY + CLASH GROTESK</p>
      <p class="tca__t1">NACHT 01</p>
      <p class="tca__t2">Drie podia, één zaal, geen pauze</p>
      <p class="tca__t3">Clash Grotesk zet de lopende tekst: compact, technisch en goed leesbaar op een donkere achtergrond in een volle zaal met een telefoon in de hand.</p>
      <table class="tca__scale">
        <tr><td>display</td><td>Array 700</td><td>72</td></tr>
        <tr><td>kop</td><td>Clash 600</td><td>26</td></tr>
        <tr><td>tekst</td><td>Clash 400</td><td>15</td></tr>
        <tr><td>label</td><td>Array 600</td><td>12</td></tr>
      </table>
    </div>
  </div>
  <div class="tca__ui">
    <div class="tca__cell">
      <p class="tca__lbl">// KNOPPEN</p>
      <div class="tca__btns">
        <button class="tca__btn tca__btn--p" type="button">Koop ticket</button>
        <button class="tca__btn tca__btn--s" type="button">Line-up</button>
        <button class="tca__btn tca__btn--g" type="button">Aftermovie ↗</button>
        <button class="tca__btn tca__btn--p is-hover" type="button">Hover</button>
      </div>
    </div>
    <div class="tca__cell">
      <p class="tca__lbl">// INVOER</p>
      <input class="tca__input" type="text" value="naam@voorbeeld.nl" aria-label="E-mail">
      <select class="tca__sel" aria-label="Aantal"><option>2 × early bird · € 37,00</option><option>1 × regulier · € 22,50</option></select>
    </div>
    <div class="tca__cell">
      <p class="tca__lbl">// BADGES</p>
      <div class="tca__badges"><em class="tca__chip tca__chip--a">nieuw</em><em class="tca__chip tca__chip--c">live</em><em class="tca__chip tca__chip--m">bijna vol</em><em class="tca__chip">techno</em><em class="tca__chip">house</em></div>
    </div>
    <div class="tca__cell tca__cell--card">
      <p class="tca__lbl">// KAART</p>
      <div class="tca__card"><p class="tca__card-k">MIX 047 · 62 MIN</p><p class="tca__card-t">Grijze Zone · Live in Zaal Nul</p><div class="tca__wave"></div></div>
    </div>
  </div>
  <p class="tca__fit"><b>PAST BIJ</b> clubs en festivals · labels en artiesten · gaming en e-sports · streetwear-drops · web3 en digitale kunst</p>
</div></div>
</div>

Meer uit thema's

Iets gezien dat je mooi vindt?

Zet het in je selectie en stuur hem op. Dan bouwen we je site eromheen, in jouw huisstijl.

Neem contact op →