Home Work
SaaS developmentAI developmentAPI developmentMobile app developmentGoogle Ads managementHeadless ShopifyLaravel developmentNext.js developmentReact developmentTypeScript engineeringUI/UX designSEO & AEOEcommerce development
AI solutionsB2B platformsE-commerceHospitalityLead generationLogisticsEducationProcess automationSaaS platformsStartup MVPReal estateHealthcare
LegalHealthcareReal estateFinanceHospitality
The HagueRotterdamAmsterdamUtrechtEindhovenAlmereBredaArnhemNijmegenTilburgEnschedeGroningenLeidenDelftZoetermeerDen Bosch
Studio
AboutProcessLabBlogContact

Mediterraan New

Terracotta, olive and limewash with arches, tile borders and an italic serif. For restaurants, delis, travel and garden designers with sunshine in the brand.

View full screen ↗

Fotografie: warm middaglicht, kalkmuren, nooit koel gefilterd.

Thema 04

Mediterraan

Kalkwit dat de zon vasthoudt, terracotta onder je voeten en olijfgroen in de schaduw. Langzaam, gastvrij, met de hand gemaakt.

Boska & Synonym

AaAaAa
  • 52Zomeravond
  • 28Mezze voor twee
  • 16Gegrilde inktvis, citroen, oregano.
  • 13Dinsdag gesloten

Palet

achtergrond#F6F1E7
oppervlak#FBF8F2
tekst#2E2A22
gedempt#7B705E
lijn#E2D7C3
accent#C0603A
accent-2#6F7442
signaal#1F5E8C
VegetarischVan het seizoenTerras open
Taverna LefkasMenuWijnenGroepenContact

Een lange tafel, het hele seizoen.

Grieks-Mediterrane keuken aan de Kralingse Plaslaan. Wij koken met olijfolie van één boer uit Lefkada en vis van de afslag in Scheveningen.

Wo t/m zo vanaf 17:00 · Terras tot 22:30 · 010 765 4321

Do

Avond van de week

Donderdag: mezze-tafel

Twaalf kleine gerechten om te delen, inclusief brood uit de houtoven.

€ 34,50 p.p.

Past bij restaurants, delicatessen, wijnhandels, reisbureaus, tuinarchitecten, B&B's.

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.
<!-- Mediterraan · NedDev · eigen werk. -->
<div class="jouw-container">
<div class="tmd-thm"><div class="tmd-layout">
<div class="tmd-arch-col">
  <div class="tmd-arch"><div class="tmd-arch__img" role="img" aria-label="Binnenplaats met olijfboom en terracotta tegels"></div></div>
  <p class="tmd-cap">Fotografie: warm middaglicht, kalkmuren, nooit koel gefilterd.</p>
</div>
<div class="tmd-mid">
  <p class="tmd-kick">Thema 04</p>
  <h3 class="tmd-title">Medi<em>terraan</em></h3>
  <p class="tmd-mood">Kalkwit dat de zon vasthoudt, terracotta onder je voeten en olijfgroen in de schaduw. Langzaam, gastvrij, met de hand gemaakt.</p>
  <div class="tmd-type">
    <p class="tmd-lbl">Boska &amp; Synonym</p>
    <div class="tmd-type__row"><span class="tmd-type__big">Aa</span><span class="tmd-type__it">Aa</span><span class="tmd-type__sans">Aa</span></div>
    <ul class="tmd-scale">
      <li><code>52</code><span style="font:400 38px/1 var(--tmd-display)">Zomeravond</span></li>
      <li><code>28</code><span style="font:400 26px/1.1 var(--tmd-display);font-style:italic">Mezze voor twee</span></li>
      <li><code>16</code><span style="font-size:16px">Gegrilde inktvis, citroen, oregano.</span></li>
      <li><code>13</code><span style="font-size:13px;letter-spacing:.12em;text-transform:uppercase">Dinsdag gesloten</span></li>
    </ul>
  </div>
</div>
<div class="tmd-right">
  <p class="tmd-lbl">Palet</p>
  <div class="tmd-tiles">
    <div style="--c:var(--tmd-bg)"><i></i><b>achtergrond</b><code>#F6F1E7</code></div>
    <div style="--c:var(--tmd-surface)"><i></i><b>oppervlak</b><code>#FBF8F2</code></div>
    <div style="--c:var(--tmd-text)"><i></i><b>tekst</b><code>#2E2A22</code></div>
    <div style="--c:var(--tmd-muted)"><i></i><b>gedempt</b><code>#7B705E</code></div>
    <div style="--c:var(--tmd-line)"><i></i><b>lijn</b><code>#E2D7C3</code></div>
    <div style="--c:var(--tmd-accent)"><i></i><b>accent</b><code>#C0603A</code></div>
    <div style="--c:var(--tmd-accent-2)"><i></i><b>accent-2</b><code>#6F7442</code></div>
    <div style="--c:var(--tmd-signal)"><i></i><b>signaal</b><code>#1F5E8C</code></div>
  </div>
  <div class="tmd-btns"><button class="tmd-btn tmd-btn--p" type="button">Reserveren</button><button class="tmd-btn tmd-btn--s" type="button">Menukaart</button><button class="tmd-btn tmd-btn--g" type="button">Route</button></div>
  <div class="tmd-fields"><label class="tmd-f"><span>Naam</span><input type="text" placeholder="Eleni Bakker"></label><label class="tmd-f"><span>Personen</span><select><option>2 personen</option><option>4 personen</option><option>6 personen</option></select></label></div>
  <div class="tmd-badges"><span class="tmd-bd tmd-bd--a">Vegetarisch</span><span class="tmd-bd tmd-bd--o">Van het seizoen</span><span class="tmd-bd tmd-bd--s">Terras open</span></div>
</div>
</div>
<div class="tmd-band" aria-hidden="true"></div>
<div class="tmd-bottom">
  <div class="tmd-hero">
    <div class="tmd-hero__nav"><strong>Taverna <em>Lefkas</em></strong><span>Menu</span><span>Wijnen</span><span>Groepen</span><span>Contact</span></div>
    <h4>Een lange tafel, het hele seizoen.</h4>
    <p>Grieks-Mediterrane keuken aan de Kralingse Plaslaan. Wij koken met olijfolie van één boer uit Lefkada en vis van de afslag in Scheveningen.</p>
    <p class="tmd-hero__meta">Wo t/m zo vanaf 17:00 · Terras tot 22:30 · 010 765 4321</p>
  </div>
  <div class="tmd-card">
    <div class="tmd-card__arch"><span>Do</span></div>
    <div><p class="tmd-lbl">Avond van de week</p><h4>Donderdag: mezze-tafel</h4><p>Twaalf kleine gerechten om te delen, inclusief brood uit de houtoven.</p><p class="tmd-card__price">€ 34,50 <small>p.p.</small></p></div>
  </div>
  <p class="tmd-fit"><em>Past bij</em> restaurants, delicatessen, wijnhandels, reisbureaus, tuinarchitecten, B&amp;B's.</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 →