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

Industrial New

Concrete, steel and one orange signal colour, laid out like a technical drawing sheet with dimension lines, title blocks and hazard stripes. For construction, steel, installation and logistics.

View full screen ↗
Thema

Industrial

Blad07 / 12
Rev.C
Datum07-10-2026
Stemming

Robuust en eerlijk. Materialen zoals ze zijn, één signaalkleur voor wat ertoe doet.

A · Kleurcodes

achtergrond#CFCCC6
oppervlak#E4E2DD
tekst#1B1D1F
gedempt#5C6066
lijn#9A9890
accent#FF6A13
accent-2#3E4A55
signaal#F2C200

B · Typografie

HEA 300
64PORTAALKRAAN
32Hal 4, Moerdijk
16Staalconstructie 42 ton
14Montage in 9 werkdagen.
11REF. SV-2026-118

Khand 600/700 · Manrope 400/600 · JetBrains Mono

C · Bediening

VCA**EN 1090 EXC3Levertijd 6 wk
Project 118Gereed

Distributiehal Heijmansweg

Staal
412 t
Opp.
18.600 m²
Bouwtijd
14 wk
Bekijk project
Staalbouw VisserDienstenProjectenWerkplaatsVacatures0168 34 12 90

Staalbouw · Moerdijk sinds 1987

Hallen en kranen tot 60 meter overspanning.

Engineering, productie en montage onder één dak. Eigen werkplaats van 4.200 m² aan het Havenweg-terrein.

Past bij aannemers · staal- en machinebouw · installateurs · transport en logistiek · sloop en grondverzet

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.
<!-- Industrial · NedDev · eigen werk. -->
<div class="jouw-container">
<div class="tin-thm">
<div class="tin-hazard" aria-hidden="true"></div>
<div class="tin-sheet">
  <div class="tin-ruler" aria-hidden="true"></div>
  <div class="tin-titleblock">
    <div class="tin-tb tin-tb--name"><span>Thema</span><h3>Industrial</h3></div>
    <div class="tin-tb"><span>Blad</span><b>07 / 12</b></div>
    <div class="tin-tb"><span>Rev.</span><b>C</b></div>
    <div class="tin-tb"><span>Datum</span><b>07-10-2026</b></div>
    <div class="tin-tb tin-tb--mood"><span>Stemming</span><p>Robuust en eerlijk. Materialen zoals ze zijn, één signaalkleur voor wat ertoe doet.</p></div>
  </div>
  <div class="tin-grid">
    <div class="tin-panel tin-pal"><i class="tin-bolt"></i><p class="tin-lbl">A · Kleurcodes</p>
      <div class="tin-chips">
        <div><i style="background:var(--tin-bg)"></i><b>achtergrond</b><code>#CFCCC6</code></div>
        <div><i style="background:var(--tin-surface)"></i><b>oppervlak</b><code>#E4E2DD</code></div>
        <div><i style="background:var(--tin-text)"></i><b>tekst</b><code>#1B1D1F</code></div>
        <div><i style="background:var(--tin-muted)"></i><b>gedempt</b><code>#5C6066</code></div>
        <div><i style="background:var(--tin-line)"></i><b>lijn</b><code>#9A9890</code></div>
        <div><i style="background:var(--tin-accent)"></i><b>accent</b><code>#FF6A13</code></div>
        <div><i style="background:var(--tin-accent-2)"></i><b>accent-2</b><code>#3E4A55</code></div>
        <div><i style="background:var(--tin-signal)"></i><b>signaal</b><code>#F2C200</code></div>
      </div>
    </div>
    <div class="tin-panel tin-type"><i class="tin-bolt"></i><p class="tin-lbl">B · Typografie</p>
      <div class="tin-type__big">HEA 300</div>
      <table class="tin-tbl"><tr><td>64</td><td style="font:700 34px/1 var(--tin-display)">PORTAALKRAAN</td></tr><tr><td>32</td><td style="font:600 24px/1 var(--tin-display)">Hal 4, Moerdijk</td></tr><tr><td>16</td><td style="font:600 16px var(--tin-body)">Staalconstructie 42 ton</td></tr><tr><td>14</td><td style="font-size:14px">Montage in 9 werkdagen.</td></tr><tr><td>11</td><td style="font:500 11px 'JetBrains Mono',monospace">REF. SV-2026-118</td></tr></table>
      <p class="tin-note">Khand 600/700 · Manrope 400/600 · JetBrains Mono</p>
    </div>
    <div class="tin-panel tin-ui"><i class="tin-bolt"></i><p class="tin-lbl">C · Bediening</p>
      <div class="tin-btns"><button class="tin-btn tin-btn--p" type="button">Offerte aanvragen</button><button class="tin-btn tin-btn--s" type="button">Projecten</button><button class="tin-btn tin-btn--g" type="button">Download specs (PDF)</button></div>
      <div class="tin-fields"><label class="tin-f"><span>Overspanning (m)</span><input type="text" inputmode="decimal" placeholder="24,0"></label><label class="tin-f"><span>Toepassing</span><select><option>Bedrijfshal</option><option>Mezzanine</option><option>Overkapping</option></select></label></div>
      <div class="tin-badges"><span class="tin-bd tin-bd--ok">VCA**</span><span class="tin-bd">EN 1090 EXC3</span><span class="tin-bd tin-bd--warn">Levertijd 6 wk</span></div>
    </div>
    <div class="tin-panel tin-card"><i class="tin-bolt"></i>
      <div class="tin-card__head"><span>Project 118</span><span>Gereed</span></div>
      <h4>Distributiehal Heijmansweg</h4>
      <dl><div><dt>Staal</dt><dd>412 t</dd></div><div><dt>Opp.</dt><dd>18.600 m²</dd></div><div><dt>Bouwtijd</dt><dd>14 wk</dd></div></dl>
      <a href="#" class="tin-lnk">Bekijk project</a>
    </div>
    <div class="tin-panel tin-hero">
      <div class="tin-hero__nav"><strong><i></i>Staalbouw Visser</strong><span>Diensten</span><span>Projecten</span><span>Werkplaats</span><span>Vacatures</span><span class="tin-tel">0168 34 12 90</span></div>
      <div class="tin-hero__in">
        <div><p class="tin-lbl">Staalbouw · Moerdijk sinds 1987</p><h4>Hallen en kranen tot 60 meter overspanning.</h4><p>Engineering, productie en montage onder één dak. Eigen werkplaats van 4.200 m² aan het Havenweg-terrein.</p><button class="tin-btn tin-btn--p" type="button">Plan een bouwteamgesprek</button></div>
        <div class="tin-dim" aria-hidden="true"><span class="tin-dim__line"><b>60.000</b></span><div class="tin-dim__truss"></div></div>
      </div>
    </div>
  </div>
  <p class="tin-fit"><b>Past bij</b> aannemers · staal- en machinebouw · installateurs · transport en logistiek · sloop en grondverzet</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 →