NedDev®
NL Get in touch
Home Work
Services
SaaS developmentAI developmentAPI developmentMobile app developmentGoogle Ads managementHeadless ShopifyLaravel developmentNext.js developmentReact developmentTypeScript engineeringUI/UX designSEO & AEOEcommerce development
Solutions
AI solutionsB2B platformsE-commerceHospitalityLead generationLogisticsEducationProcess automationSaaS platformsStartup MVPReal estateHealthcare
Industries
LegalHealthcareReal estateFinanceHospitality
Regions
The HagueRotterdamAmsterdamUtrechtEindhovenAlmereBredaArnhemNijmegenTilburgEnschedeGroningenLeidenDelftZoetermeerDen Bosch
Studio
AboutProcessLabBlogContact

Chromatic Acid

Grey-black base system broken open by three acid colours (chartreuse, cyan, magenta), chamfered corners and a geometric display face: for music, gaming and events.

View full screen ↗

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

How to use it

  1. Paste the HTML where the themes should appear.
  2. Add the CSS to your stylesheet. All classes are prefixed, so nothing clashes with your own styles.
  3. No JavaScript needed.
<!-- 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>

More themes

Seen something you like?

Add it to your selection and send it over. We build your site around it, in your brand.

Get in touch →