Naar inhoud
FFrosthaven Lab

02 — 13 varianten

Heroes

Het eerste scherm. Dertien opzetten die elk een ander soort bedrijf passen, van rustig-zakelijk tot volledig cinematisch.

Gecentreerd met gradient-glow

klassiekveilig
sinds 2011 · Marina Alta

Onderhoud dat u niet hoeft te onthouden

Tuin, zwembad en woning het hele jaar door verzorgd, ook als u er niet bent.

De standaardkeuze als je nog niets over de klant weet. Werkt voor elk archetype, is snel, en de tekst is altijd leesbaar.

Split met beeldkolom

conversieb2b
4,9 · 87 reviews

Uw woning verkopen in Dénia

Gratis waardebepaling binnen 48 uur, in het Nederlands.

Tekst links, beeld rechts. De hoogste conversie van alle heroes omdat de CTA meteen naast het bewijsmateriaal staat. Standaard voor makelaars, aannemers en klinieken.

Full-bleed beeld met overlay

sfeerhoreca

cucina italiana · valència

L'Alquimista

Beeld vult het scherm, donkere gradient houdt de tekst leesbaar. Restaurants, hotels, spa's. Verplicht: een echte gradient-overlay, geen losse opacity op de foto.

Aurora

csssfeer

Rust in beweging

Kleurvelden die langzaam over elkaar heen schuiven.

Traag draaiende kleurvelden achter een blur. Geeft diepte zonder foto, dus ideaal als de klant geen bruikbaar beeldmateriaal heeft.

Cursor spotlight

jsdesktop

Beweeg je muis over dit vlak

De lichtbron volgt de cursor en licht het raster eronder op.

Radiale lichtvlek volgt de muis over een raster. Technisch en modern; op mobiel valt het weg, dus zorg dat de statische versie ook staat.

Parallax lagen

scrolljs

Costa Blanca

scroll de pagina · lagen bewegen mee

Achtergrond, titel en bijschrift bewegen op verschillende snelheid mee met de scroll. Scroll de pagina om het te zien. Houd de factor laag (max 60px) anders wordt het misselijkmakend.

Raster met noise

csstech

elektrotechniek

Installaties die het gewoon doen

24/7 storingsdienstNEN 1010Marina Alta

Technisch raster plus filmische korrel. Past bij software, installatietechniek en industrie. De noise-laag verbergt banding in gradients.

Kinetische big type

typografiebold
UTOPIA

Boetiek in Dénia. Merken die je hier niet verwacht.

De naam van het bedrijf als beeld, in viewport-schaal. Alleen voor merken met een korte, sterke naam. Test op 320px breed: lange namen breken lelijk.

Bento hero

layoutmodern

Zwembadonderhoud, jaarcontract

werk
210baden in beheer

Titel, beeld, cijfer en review in één rastervlak. Vertelt in één scherm meer dan een klassieke hero, maar vraagt om echte content: met placeholders valt hij door de mand.

Hero met logo-marquee

social proof

Vertrouwd door bouwers in heel Alicante

Van eenmanszaak tot aannemer met veertig man.

VerhoevenCasa NovaMarina AltaDelgadoNordwerkVega BauVerhoevenCasa NovaMarina AltaDelgadoNordwerkVega Bau

Klantlogo's schuiven direct onder de fold door. Zet ze pas neer als je er minstens vijf hebt, anders benadrukt het juist de leegte.

Tekst als beeldmasker

cssbold

DÉNIA

De letters zijn een venster op de foto of video erachter. Spectaculair, maar controleer altijd de fallback-kleur voor browsers zonder background-clip.

Scroll-shrink product

scrollsaas

Scroll voor het effect

app preview

Het scherm kantelt rechtop terwijl je scrollt. Bedacht voor SaaS-dashboards; bij een dienstverlener zonder product is er niets om te tonen.

Video-hero met poster

videohoreca

poster verplicht · muted + playsInline

Autoplay, muted, playsInline en altijd een poster-afbeelding. Zonder poster ziet de bezoeker op trage verbindingen een zwart vlak; dat kost je de LCP.