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

Nordic Calm New

Pale grey-blue, oak and lots of air: hairlines, light weights, little per screen. For interiors, care and advisory practices that want to feel calm.

View full screen ↗

03 · Nordic Calm

Rust is ook een ontwerpkeuze.

Grijsblauw licht uit het noorden, eiken als warmte. Weinig elementen, veel ruimte ertussen.

  • achtergrond#F3F5F6
  • oppervlak#FFFFFF
  • tekst#1F2A30
  • gedempt#6B7880
  • lijn#DCE2E5
  • accent#5D7A8C
  • accent-2#C9B79C
  • signaal#3F7D5E
Studio HalmAdviesProjectenWerkwijzeContact

Interieuradvies · Haarlem

Een huis dat stil wordt als u thuiskomt.

Kleuradvies en indeling voor bestaande woningen. Eerste gesprek bij u thuis, 90 minuten, € 145.

Typografie · Erode Light / Switzer

Licht44Licht30Licht21Licht15Licht12

Tekstletter Switzer 300/400, regelafstand 1,65. Koppen in Erode Light, nooit vet.

Elementen

Beschikbaar in novemberKleuradviesOp locatie

Project 14

Woning uit 1932, Bloemendaal

Drie kamers, één lijn: kalkverf in twee tinten grijsblauw, eiken vloer behouden.

Oppervlak
118 m²
Doorlooptijd
5 weken

Past bij: interieurstudio's, fysio- en psychologenpraktijken, architecten, makelaars in het hogere segment.

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.
<!-- Nordic Calm · NedDev · eigen werk. -->
<div class="jouw-container">
<div class="tnc-thm"><div class="tnc-layout">
<div class="tnc-side">
  <p class="tnc-kick">03 · Nordic Calm</p>
  <h3 class="tnc-title">Rust is ook een ontwerpkeuze.</h3>
  <p class="tnc-mood">Grijsblauw licht uit het noorden, eiken als warmte. Weinig elementen, veel ruimte ertussen.</p>
  <ul class="tnc-pal">
    <li><i style="background:var(--tnc-bg)"></i><span>achtergrond</span><code>#F3F5F6</code></li>
    <li><i style="background:var(--tnc-surface)"></i><span>oppervlak</span><code>#FFFFFF</code></li>
    <li><i style="background:var(--tnc-text)"></i><span>tekst</span><code>#1F2A30</code></li>
    <li><i style="background:var(--tnc-muted)"></i><span>gedempt</span><code>#6B7880</code></li>
    <li><i style="background:var(--tnc-line)"></i><span>lijn</span><code>#DCE2E5</code></li>
    <li><i style="background:var(--tnc-accent)"></i><span>accent</span><code>#5D7A8C</code></li>
    <li><i style="background:var(--tnc-accent-2)"></i><span>accent-2</span><code>#C9B79C</code></li>
    <li><i style="background:var(--tnc-signal)"></i><span>signaal</span><code>#3F7D5E</code></li>
  </ul>
</div>
<div class="tnc-main">
  <div class="tnc-site">
    <div class="tnc-site__nav"><strong>Studio Halm</strong><span>Advies</span><span>Projecten</span><span>Werkwijze</span><span>Contact</span></div>
    <div class="tnc-site__in">
      <div class="tnc-site__txt"><p class="tnc-kick">Interieuradvies · Haarlem</p><h4>Een huis dat stil wordt als u thuiskomt.</h4><p>Kleuradvies en indeling voor bestaande woningen. Eerste gesprek bij u thuis, 90 minuten, € 145.</p><div class="tnc-btns"><button class="tnc-btn tnc-btn--p" type="button">Plan een huisbezoek</button><button class="tnc-btn tnc-btn--g" type="button">Bekijk projecten <span aria-hidden="true">&rarr;</span></button></div></div>
      <div class="tnc-site__img"></div>
    </div>
  </div>
  <div class="tnc-row">
    <div class="tnc-type">
      <p class="tnc-lbl">Typografie · Erode Light / Switzer</p>
      <div class="tnc-specimen"><span><b style="font-size:44px">Licht</b><code>44</code></span><span><b style="font-size:30px">Licht</b><code>30</code></span><span><b style="font-size:21px">Licht</b><code>21</code></span><span><b style="font-size:15px;font-family:var(--tnc-body)">Licht</b><code>15</code></span><span><b style="font-size:12px;font-family:var(--tnc-body)">Licht</b><code>12</code></span></div>
      <p class="tnc-body">Tekstletter Switzer 300/400, regelafstand 1,65. Koppen in Erode Light, nooit vet.</p>
    </div>
    <div class="tnc-ui">
      <p class="tnc-lbl">Elementen</p>
      <div class="tnc-btns"><button class="tnc-btn tnc-btn--p" type="button">Primair</button><button class="tnc-btn tnc-btn--s" type="button">Secundair</button><button class="tnc-btn tnc-btn--g" type="button">Ghost <span aria-hidden="true">&rarr;</span></button></div>
      <div class="tnc-fields"><label class="tnc-f"><span>E-mailadres</span><input type="email" placeholder="anna@voorbeeld.nl"></label><label class="tnc-f"><span>Ruimte</span><select><option>Woonkamer</option><option>Slaapkamer</option><option>Werkplek</option></select></label></div>
      <div class="tnc-badges"><span class="tnc-bd tnc-bd--ok">Beschikbaar in november</span><span class="tnc-bd">Kleuradvies</span><span class="tnc-bd">Op locatie</span></div>
    </div>
    <div class="tnc-card">
      <p class="tnc-lbl">Project 14</p>
      <h4>Woning uit 1932, Bloemendaal</h4>
      <p>Drie kamers, één lijn: kalkverf in twee tinten grijsblauw, eiken vloer behouden.</p>
      <dl><div><dt>Oppervlak</dt><dd>118 m²</dd></div><div><dt>Doorlooptijd</dt><dd>5 weken</dd></div></dl>
    </div>
  </div>
  <p class="tnc-fit">Past bij: interieurstudio's, fysio- en psychologenpraktijken, architecten, makelaars in het hogere segment.</p>
</div>
</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 →