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

Art Deco

Art-deco-designsysteem: goud op diepgroen, symmetrische composities, waaiermotief, bogen, getrapte hoeken en een brede kapitaal naast een klassieke serif. Voor luxe horeca, hotels, cocktailbars en juweliers.

Bekijk op volledig scherm ↗

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

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

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 →