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

Art Deco

Art deco design system: gold on deep green, symmetrical compositions, fan motifs, arches, stepped corners and wide capitals next to a classic serif. For upscale hospitality, hotels, cocktail bars and jewellers.

View full screen ↗

Thema XI

Art Deco

Goud op diepgroen, alles in balans. Geometrie die feest viert zonder te schreeuwen.

Kleur

Achtergrond#0E2A22
Oppervlak#14382D
Tekst#F3EAD7
Gedempt#B8AF97
Lijn#6E5C34
Accent · goud#C9A55A
Accent 2 · champagne#E8D29A
Signaal · bordeaux#9E2B3A

Ook: goud op zwart

Art-decobar met groene fluwelen banken, messing details en een cocktail op marmer

Meridiaan · Den Haag

Een tafel voor vanavond

Letter

Panchang

Rowan voor menukaart en verhaal, met de zwier van een oude hotelfolder.

44 · 28 · 17 · 11  ·  kapitaal spatie 0,2 em

Knoppen

Kaart

Tarbot, beurre blanc, zeekraal€ 38

Gin-fizz Meridiaan€ 14

Chef raadt aanVegetarischLaatste

Past bij · cocktailbars · hotels en brasseries · juweliers · trouwlocaties · gala's en evenementen

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.
<!-- Art Deco · NedDev · eigen werk. -->
<div class="jouw-container">
<div class="tad"><div class="tad__in">
  <div class="tad__head">
    <div class="tad__fan" aria-hidden="true"></div>
    <p class="tad__no">Thema XI</p>
    <h3 class="tad__name">Art Deco</h3>
    <div class="tad__rule" aria-hidden="true"><i></i><b></b><i></i></div>
    <p class="tad__mood">Goud op diepgroen, alles in balans. Geometrie die feest viert zonder te schreeuwen.</p>
  </div>
  <div class="tad__body">
    <div class="tad__col">
      <p class="tad__lbl">Kleur</p>
      <div class="tad__arches">
        <div class="tad__arch" style="--c:#0E2A22"><i></i><b>Achtergrond</b><code>#0E2A22</code></div>
        <div class="tad__arch" style="--c:#14382D"><i></i><b>Oppervlak</b><code>#14382D</code></div>
        <div class="tad__arch" style="--c:#F3EAD7"><i></i><b>Tekst</b><code>#F3EAD7</code></div>
        <div class="tad__arch" style="--c:#B8AF97"><i></i><b>Gedempt</b><code>#B8AF97</code></div>
        <div class="tad__arch" style="--c:#6E5C34"><i></i><b>Lijn</b><code>#6E5C34</code></div>
        <div class="tad__arch" style="--c:#C9A55A"><i></i><b>Accent · goud</b><code>#C9A55A</code></div>
        <div class="tad__arch" style="--c:#E8D29A"><i></i><b>Accent 2 · champagne</b><code>#E8D29A</code></div>
        <div class="tad__arch" style="--c:#9E2B3A"><i></i><b>Signaal · bordeaux</b><code>#9E2B3A</code></div>
      </div>
      <p class="tad__lbl">Ook: goud op zwart <span class="tad__alt"><i style="background:#0B0B0A"></i><i style="background:#C9A55A"></i></span></p>
    </div>
    <div class="tad__center">
      <div class="tad__portal"><img src="https://neddev.com/lab-media/thm-art-deco-1.webp" alt="Art-decobar met groene fluwelen banken, messing details en een cocktail op marmer" loading="lazy"></div>
      <div class="tad__res">
        <p class="tad__res-k">Meridiaan · Den Haag</p>
        <p class="tad__res-t">Een tafel voor vanavond</p>
        <div class="tad__form">
          <select class="tad__sel" aria-label="Gasten"><option>2 gasten · 20:30</option><option>4 gasten · 21:00</option></select>
          <input class="tad__input" type="text" value="Fam. Hoekstra" aria-label="Naam">
        </div>
        <button class="tad__btn tad__btn--p tad__btn--w" type="button">Reserveer</button>
      </div>
    </div>
    <div class="tad__col">
      <div class="tad__frame">
        <p class="tad__lbl">Letter</p>
        <p class="tad__t1">Panchang</p>
        <p class="tad__t2">Rowan voor menukaart en verhaal, met de zwier van een oude hotelfolder.</p>
        <p class="tad__t3">44 · 28 · 17 · 11 &nbsp;·&nbsp; kapitaal spatie 0,2 em</p>
      </div>
      <div class="tad__frame">
        <p class="tad__lbl">Knoppen</p>
        <div class="tad__btns">
          <button class="tad__btn tad__btn--p" type="button">Menukaart</button>
          <button class="tad__btn tad__btn--s" type="button">Besloten</button>
          <button class="tad__btn tad__btn--g" type="button">Cadeaubon</button>
          <button class="tad__btn tad__btn--p is-hover" type="button">Hover</button>
        </div>
      </div>
      <div class="tad__frame tad__card">
        <p class="tad__lbl">Kaart</p>
        <p class="tad__dish">Tarbot, beurre blanc, zeekraal<span>€ 38</span></p>
        <p class="tad__dish">Gin-fizz Meridiaan<span>€ 14</span></p>
        <div class="tad__badges"><span class="tad__bdg tad__bdg--g">Chef raadt aan</span><span class="tad__bdg">Vegetarisch</span><span class="tad__bdg tad__bdg--r">Laatste</span></div>
      </div>
    </div>
  </div>
  <div class="tad__fit"><span></span><p>Past bij · cocktailbars · hotels en brasseries · juweliers · trouwlocaties · gala's en evenementen</p><span></span></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 →