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

Luxe Noir New

Near-black with champagne hairlines, a thin serif and widely tracked capitals in a symmetrical layout. For jewellers, cocktail bars, hotels and exclusive services.

View full screen ↗
N° 05ThemaMMXXVI

Luxe Noir

Weinig licht, veel aandacht. Champagne als enige glans, letters die fluisteren.

  • achtergrond#0B0B0A
  • oppervlak#151412
  • tekst#EDE6D8
  • gedempt#8E8676
  • lijn#3A352C
  • accent#CDB38A
  • accent-2#7D6A4C
  • signaal#9E2B25

Typografie

Aa

Bespoke Serif Light · Supreme

  • Solitair40
  • Geelgoud, 18 karaat24
  • Handgezet in ons atelier.14
  • Op afspraak11

Maison Verlaan · Noordeinde, Den Haag

Ringen die één keer gemaakt worden.

Ontwerp en vervaardiging op afspraak, sinds 1961 in de Hofstad.

Elementen

UnicumOp maatGereserveerd

Collectie Hofvijver

Ring met oud-geslepen diamant, 0,72 ct

€ 8.450

Past bij juweliers · cocktailbars · boetiekhotels · wijnhuizen · privéklinieken · notarissen 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.
<!-- Luxe Noir · NedDev · eigen werk. -->
<div class="jouw-container">
<div class="tln-thm"><div class="tln-frame">
<i class="tln-corner tln-corner--tl"></i><i class="tln-corner tln-corner--tr"></i><i class="tln-corner tln-corner--bl"></i><i class="tln-corner tln-corner--br"></i>
<div class="tln-top"><span>N° 05</span><span>Thema</span><span>MMXXVI</span></div>
<h3 class="tln-title">Luxe <em>Noir</em></h3>
<p class="tln-mood">Weinig licht, veel aandacht. Champagne als enige glans, letters die fluisteren.</p>
<ul class="tln-pal">
  <li><i style="background:var(--tln-bg)"></i><b>achtergrond</b><code>#0B0B0A</code></li>
  <li><i style="background:var(--tln-surface)"></i><b>oppervlak</b><code>#151412</code></li>
  <li><i style="background:var(--tln-text)"></i><b>tekst</b><code>#EDE6D8</code></li>
  <li><i style="background:var(--tln-muted)"></i><b>gedempt</b><code>#8E8676</code></li>
  <li><i style="background:var(--tln-line)"></i><b>lijn</b><code>#3A352C</code></li>
  <li><i style="background:var(--tln-accent)"></i><b>accent</b><code>#CDB38A</code></li>
  <li><i style="background:var(--tln-accent-2)"></i><b>accent-2</b><code>#7D6A4C</code></li>
  <li><i style="background:var(--tln-signal)"></i><b>signaal</b><code>#9E2B25</code></li>
</ul>
<div class="tln-cols">
  <div class="tln-col">
    <p class="tln-lbl">Typografie</p>
    <p class="tln-spec">Aa</p>
    <p class="tln-specname">Bespoke Serif Light · Supreme</p>
    <ul class="tln-scale"><li><span style="font:300 30px/1 var(--tln-display)">Solitair</span><code>40</code></li><li><span style="font:300 22px/1 var(--tln-display);font-style:italic">Geelgoud, 18 karaat</span><code>24</code></li><li><span style="font-size:14px">Handgezet in ons atelier.</span><code>14</code></li><li><span class="tln-caps">Op afspraak</span><code>11</code></li></ul>
  </div>
  <div class="tln-col tln-col--mid">
    <div class="tln-hero">
      <div class="tln-hero__img" role="img" aria-label="Werkbank van een juwelier met een gouden ring"></div>
      <div class="tln-hero__txt">
        <p class="tln-caps">Maison Verlaan · Noordeinde, Den Haag</p>
        <h4>Ringen die één keer gemaakt worden.</h4>
        <p>Ontwerp en vervaardiging op afspraak, sinds 1961 in de Hofstad.</p>
        <button class="tln-btn tln-btn--p" type="button">Maak een afspraak</button>
      </div>
    </div>
  </div>
  <div class="tln-col">
    <p class="tln-lbl">Elementen</p>
    <div class="tln-btns"><button class="tln-btn tln-btn--p" type="button">Afspraak</button><button class="tln-btn tln-btn--s" type="button">Collectie</button><button class="tln-btn tln-btn--g" type="button">Het atelier</button></div>
    <label class="tln-f"><span>Naam</span><input type="text" placeholder="Mevrouw Van Lier"></label>
    <label class="tln-f"><span>Gelegenheid</span><select><option>Verloving</option><option>Huwelijk</option><option>Jubileum</option></select></label>
    <div class="tln-badges"><span class="tln-bd">Unicum</span><span class="tln-bd tln-bd--a">Op maat</span><span class="tln-bd tln-bd--s">Gereserveerd</span></div>
    <div class="tln-card"><p class="tln-caps">Collectie Hofvijver</p><p class="tln-card__t">Ring met oud-geslepen diamant, 0,72 ct</p><p class="tln-card__p">€ 8.450</p></div>
  </div>
</div>
<p class="tln-fit"><span>Past bij</span> juweliers · cocktailbars · boetiekhotels · wijnhuizen · privéklinieken · notarissen in het hogere segment</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 →