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

Memphis New

Pink, turquoise and yellow with squiggles, dots, zigzags and hard black borders with offset shadows. For young brands, childcare, food concepts and events.

View full screen ↗

thema 06

Memphis

Geen netjes, wel raak. Patronen die botsen, kleuren die durven en randen die je ziet.

Kleuren

achtergrond#FFF6E9 oppervlak#FFFFFF tekst#161616 gedempt#57534E lijn#161616 accent#FF5C8A accent-2#2EC4B6 signaal#FFD23F

Britney + Satoshi

Boba!

Taro latte 32

Zelf je toppings kiezen 20

Tapioca, popping boba of jelly. 15

Nieuw deze maand 12

4 vaste patronen, nooit meer dan 2 per scherm

Doen

nieuwvegan-20% na 16:00
€ 5,40

Mango Madness

Groene thee, verse mango, popping boba. Large 700 ml.

700 ml
Bubbels&CoMenuEindhovenTilburgFeestje?

Bubbelthee in 40 smaken, op Stratumseind en in de Piusstraat.

Elke dag open van 12:00 tot 22:00. Studenten 10% korting met collegekaart.

past bij: bubbeltea- en ijszaken, kinderopvang, speelgoedwinkels, festivals, jongerenmerken, studentenverenigingen

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.
<!-- Memphis · NedDev · eigen werk. -->
<div class="jouw-container">
<div class="tmf-thm">
<svg class="tmf-svg" width="0" height="0" aria-hidden="true"><defs><path id="tmf-sq" d="M2 12c6-10 12 10 18 0s12 10 18 0 12 10 18 0 12 10 18 0" fill="none" stroke-width="5" stroke-linecap="round"/></defs></svg>
<div class="tmf-board">
  <div class="tmf-intro">
    <svg class="tmf-deco tmf-deco--sq" viewBox="0 0 76 24" aria-hidden="true"><use href="#tmf-sq" stroke="var(--tmf-accent-2)"/></svg>
    <i class="tmf-deco tmf-deco--tri" aria-hidden="true"></i><i class="tmf-deco tmf-deco--dot" aria-hidden="true"></i>
    <p class="tmf-kick">thema 06</p>
    <h3 class="tmf-title">Mem<span>phis</span></h3>
    <p class="tmf-mood">Geen netjes, wel raak. Patronen die botsen, kleuren die durven en randen die je ziet.</p>
  </div>
  <div class="tmf-pal">
    <p class="tmf-lbl">Kleuren</p>
    <div class="tmf-chips">
      <span class="tmf-chip tmf-chip--sq" style="--c:var(--tmf-bg)"><i></i><b>achtergrond</b><code>#FFF6E9</code></span>
      <span class="tmf-chip tmf-chip--o" style="--c:var(--tmf-surface)"><i></i><b>oppervlak</b><code>#FFFFFF</code></span>
      <span class="tmf-chip tmf-chip--sq" style="--c:var(--tmf-text)"><i></i><b>tekst</b><code>#161616</code></span>
      <span class="tmf-chip tmf-chip--tri" style="--c:var(--tmf-muted)"><i></i><b>gedempt</b><code>#57534E</code></span>
      <span class="tmf-chip tmf-chip--z" style="--c:var(--tmf-line)"><i></i><b>lijn</b><code>#161616</code></span>
      <span class="tmf-chip tmf-chip--o" style="--c:var(--tmf-accent)"><i></i><b>accent</b><code>#FF5C8A</code></span>
      <span class="tmf-chip tmf-chip--tri" style="--c:var(--tmf-accent-2)"><i></i><b>accent-2</b><code>#2EC4B6</code></span>
      <span class="tmf-chip tmf-chip--sq" style="--c:var(--tmf-signal)"><i></i><b>signaal</b><code>#FFD23F</code></span>
    </div>
  </div>
  <div class="tmf-type">
    <p class="tmf-lbl">Britney + Satoshi</p>
    <p class="tmf-type__big">Boba!</p>
    <div class="tmf-type__rows"><p style="font:700 30px/1 var(--tmf-display)">Taro latte <code>32</code></p><p style="font:700 20px/1.1 var(--tmf-body)">Zelf je toppings kiezen <code>20</code></p><p style="font-size:15px">Tapioca, popping boba of jelly. <code>15</code></p><p style="font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em">Nieuw deze maand <code>12</code></p></div>
    <div class="tmf-pats" aria-label="Patronen"><i class="tmf-pat tmf-pat--dot"></i><i class="tmf-pat tmf-pat--zig"></i><i class="tmf-pat tmf-pat--str"></i><i class="tmf-pat tmf-pat--grid"></i><span>4 vaste patronen, nooit meer dan 2 per scherm</span></div>
  </div>
  <div class="tmf-ui">
    <p class="tmf-lbl">Doen</p>
    <div class="tmf-btns"><button class="tmf-btn tmf-btn--p" type="button">Bestel nu</button><button class="tmf-btn tmf-btn--s" type="button">Menu</button><button class="tmf-btn tmf-btn--g" type="button">Vestigingen</button></div>
    <div class="tmf-fields"><label class="tmf-f"><span>Je naam</span><input type="text" placeholder="Noor"></label><label class="tmf-f"><span>Smaak</span><select><option>Mango</option><option>Taro</option><option>Lychee</option></select></label></div>
    <div class="tmf-badges"><span class="tmf-bd tmf-bd--a">nieuw</span><span class="tmf-bd tmf-bd--b">vegan</span><span class="tmf-bd tmf-bd--c">-20% na 16:00</span></div>
  </div>
  <div class="tmf-card">
    <span class="tmf-card__stamp">€ 5,40</span>
    <div class="tmf-card__art" aria-hidden="true"><i></i><i></i><i></i></div>
    <h4>Mango Madness</h4>
    <p>Groene thee, verse mango, popping boba. Large 700 ml.</p>
    <div class="tmf-card__ft"><span class="tmf-bd tmf-bd--b">700 ml</span><button class="tmf-btn tmf-btn--p tmf-btn--sm" type="button">+ In bakje</button></div>
  </div>
  <div class="tmf-hero">
    <div class="tmf-hero__nav"><strong>Bubbels<span>&amp;</span>Co</strong><span>Menu</span><span>Eindhoven</span><span>Tilburg</span><span>Feestje?</span></div>
    <div class="tmf-hero__in">
      <h4>Bubbelthee in 40 smaken, op <mark>Stratumseind</mark> en in de Piusstraat.</h4>
      <div class="tmf-hero__side"><p>Elke dag open van 12:00 tot 22:00. Studenten 10% korting met collegekaart.</p><button class="tmf-btn tmf-btn--p" type="button">Bekijk alle 40 smaken</button></div>
    </div>
  </div>
  <p class="tmf-fit"><b>past bij:</b> bubbeltea- en ijszaken, kinderopvang, speelgoedwinkels, festivals, jongerenmerken, studentenverenigingen</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 →