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

Pastel-Soft 2026

Modern pastelsysteem: gedempte lavendel en perzik op gebroken wit, één verzadigd framboos-accent, ruime radius en een zachte serif voor koppen. Voor wellness, beauty en huidtherapie.

Bekijk op volledig scherm ↗

06Thema

Pastel-Soft 2026

Zacht zonder zoet. Gedempte tinten geven rust, één framboosrode kleur zegt waar je moet klikken.

Achtergrond#FBF8F5
Oppervlak#F6E6DC
Tekst#2B2530
Gedempt#6E6676
Lijn#E9E1EC
Accent#C8294F
Accent 2#DCD4F2
Signaal#2F8A68

Gambarino · koppen

Huid die weer tot rust komt

Outfit · tekst

Een behandeling begint altijd met een huidanalyse van 20 minuten. Daarna weet je wat je huid nodig heeft, en wat niet.

6430261712

Knoppen

Labels

Populair60 minVergoedPlek vrij
Huidtherapie · Haarlem

Wat mogen we voor je doen?

Donderdag 16 oktober

NB Nadia BouzidHuidtherapeut, BIG-geregistreerd

Kosteloos annuleren tot 24 uur vooraf

Past bij huidtherapie en schoonheidssalons · yoga en wellness · fysio en bekkentherapie · verloskunde · natuurlijke cosmetica

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.
<!-- Pastel-Soft 2026 · NedDev · eigen werk. -->
<div class="jouw-container">
<div class="tps"><div class="tps__in">
  <div class="tps__left">
    <p class="tps__eye"><span>06</span>Thema</p>
    <h3 class="tps__name">Pastel-Soft <em>2026</em></h3>
    <p class="tps__mood">Zacht zonder zoet. Gedempte tinten geven rust, één framboosrode kleur zegt waar je moet klikken.</p>
    <div class="tps__dots">
      <div class="tps__dot" style="--c:#FBF8F5"><i></i><b>Achtergrond</b><code>#FBF8F5</code></div>
      <div class="tps__dot" style="--c:#F6E6DC"><i></i><b>Oppervlak</b><code>#F6E6DC</code></div>
      <div class="tps__dot" style="--c:#2B2530"><i></i><b>Tekst</b><code>#2B2530</code></div>
      <div class="tps__dot" style="--c:#6E6676"><i></i><b>Gedempt</b><code>#6E6676</code></div>
      <div class="tps__dot" style="--c:#E9E1EC"><i></i><b>Lijn</b><code>#E9E1EC</code></div>
      <div class="tps__dot" style="--c:#C8294F"><i></i><b>Accent</b><code>#C8294F</code></div>
      <div class="tps__dot" style="--c:#DCD4F2"><i></i><b>Accent 2</b><code>#DCD4F2</code></div>
      <div class="tps__dot" style="--c:#2F8A68"><i></i><b>Signaal</b><code>#2F8A68</code></div>
    </div>
    <div class="tps__row">
      <div class="tps__card tps__type">
        <p class="tps__lbl">Gambarino · koppen</p>
        <p class="tps__t1">Huid die weer tot rust komt</p>
        <p class="tps__lbl">Outfit · tekst</p>
        <p class="tps__t2">Een behandeling begint altijd met een huidanalyse van 20 minuten. Daarna weet je wat je huid nodig heeft, en wat niet.</p>
        <p class="tps__sizes"><span>64</span><span>30</span><span>26</span><span>17</span><span>12</span></p>
      </div>
      <div class="tps__card tps__ui">
        <p class="tps__lbl">Knoppen</p>
        <div class="tps__btns">
          <button class="tps__btn tps__btn--p" type="button">Plan je afspraak</button>
          <button class="tps__btn tps__btn--s" type="button">Behandelingen</button>
          <button class="tps__btn tps__btn--g" type="button">Prijslijst</button>
          <button class="tps__btn tps__btn--p is-hover" type="button">Hover</button>
        </div>
        <p class="tps__lbl">Labels</p>
        <div class="tps__badges"><span class="tps__bdg tps__bdg--a">Populair</span><span class="tps__bdg tps__bdg--l">60 min</span><span class="tps__bdg tps__bdg--p">Vergoed</span><span class="tps__bdg tps__bdg--ok">Plek vrij</span></div>
      </div>
    </div>
  </div>
  <div class="tps__book">
    <div class="tps__bhead">
      <span class="tps__logo">Studio Zacht</span>
      <span class="tps__loc">Huidtherapie · Haarlem</span>
    </div>
    <p class="tps__bt">Wat mogen we voor je doen?</p>
    <label class="tps__field"><span>Behandeling</span><select class="tps__sel"><option>Acnebehandeling · 60 min · € 79</option><option>Huidanalyse · 20 min · € 35</option></select></label>
    <label class="tps__field"><span>Je naam</span><input class="tps__input" type="text" value="Lotte Verhoeven"></label>
    <p class="tps__lbl tps__lbl--d">Donderdag 16 oktober</p>
    <div class="tps__slots">
      <button class="tps__slot" type="button">09:15</button>
      <button class="tps__slot is-off" type="button" disabled>10:30</button>
      <button class="tps__slot is-on" type="button">11:45</button>
      <button class="tps__slot" type="button">14:00</button>
      <button class="tps__slot" type="button">15:30</button>
      <button class="tps__slot is-off" type="button" disabled>16:45</button>
    </div>
    <div class="tps__pro">
      <span class="tps__av">NB</span>
      <span><b>Nadia Bouzid</b><small>Huidtherapeut, BIG-geregistreerd</small></span>
    </div>
    <button class="tps__btn tps__btn--p tps__btn--wide" type="button">Bevestig 11:45 uur</button>
    <p class="tps__note">Kosteloos annuleren tot 24 uur vooraf</p>
  </div>
  <p class="tps__fit"><b>Past bij</b> huidtherapie en schoonheidssalons · yoga en wellness · fysio en bekkentherapie · verloskunde · natuurlijke cosmetica</p>
</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 →