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

Nordic Calm Nieuw

Licht grijsblauw, eikenhout en veel lucht: haarlijnen, lichte gewichten, weinig per scherm. Voor interieur, zorg en adviespraktijken die rust willen geven.

Bekijk op volledig scherm ↗

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.

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.
<!-- 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>

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 →