✍️ Voorwoord
| Omschrijving | Website voor Herstelzorg Heuvelland met focus op rust, warmte en herstel. Doelgroep: cliënten, naasten en verwijzers. |
|---|
⌨️ Elementor Cheatsheet
| Cmd + ? | Open Elementor snelhulp |
|---|---|
| Cmd + . | Open Globeview Cheatsheet overlay |
| Cmd + C | Eigen notitie overlay |
📝 Notities
| 1 | Houd rekening met rustige tone-of-voice |
|---|---|
| 2 | Geen zorgjargon – toegankelijk taalgebruik |
| 3 | Bij terugval → duidelijke afspraken opnemen |
🌐 Oude Website
| URL | https://oude-website.nl |
|---|
🔗 Handige Links
| 1 | Google Drive map project |
|---|---|
| 2 | Huisstijl PDF |
| 3 | Inspiratie moodboard |
🌟 Voorbeeldsites
| 1 | https://voorbeeld1.nl |
|---|---|
| 2 | https://voorbeeld2.nl |
| 3 | https://voorbeeld3.nl |
🎨 Kleuren
| Variabele / Naam | Voorbeeld | Waarde | Toelichting |
|---|---|---|---|
--glw-brand-blue | #0c2037 | Merkaccent blauw | |
--glw-brand-green | #53632d | Merkaccent groen | |
--glw-brand-orange | #e0ab25 | Merkaccent oranje |
🅰️ Typografie
| Token / Selector | Waarde | Toelichting |
|---|---|---|
--glw-font-body | Nunito-globeview, sans-serif | Body-font |
--glw-font-heading | Nunito-globeview, sans-serif | Heading-font |
--glw-base-font-size | clamp(1rem, 0.8rem + 0.5vw, 1.125rem) | Basistekst |
--glw-h1 ... h6 | clamp() waardes | Headings schalen |
📐 Sections & Containers
| Class | Stijl | Toelichting |
|---|---|---|
.glw-section | padding-block: 8rem | Basis sectie |
.glw-section-xxl / -xl / -m... | padding via tokens | Section sizes |
.glw-section-hero | min-height: 100vh | Hero-sectie |
.glw-section-boxed | width: 1600px | Vaste breedte |
.glw-container | padding-inline: clamp() | Container voor inhoud |
🖼️ Afbeeldingen
| Class | Eigenschappen | Toelichting |
|---|---|---|
.glw-image | border-radius:20px; shadow | Afbeelding met afgeronde hoeken & schaduw |
.rounded | border-radius: var(–glw-radius,20px) | Ronding helper |
.shadow | box-shadow: var(–glw-shadow-1,…) | Schaduw helper |
.glw-fluid-image | margin-inline negatief | Full-bleed beeld |
➖ Divides & Helpers
| Class | Functie |
|---|---|
.no-padding-top | Haalt padding boven weg |
.no-padding-bottom | Haalt padding onder weg |
.glw-padding-xs | Extra kleine padding |
.glw-grid-2/3/4 | Grid helpers |
🧩 Componenten
| Component | Class | Toelichting |
|---|---|---|
| Formulier | .elementor-form | Form styling met border & radius |
| Header | .glw-header | Sticky top header |
| Footer | .footer | Donkere footer styling |
🟧 Custom Shapes
| Class | Eigenschappen |
|---|---|
.section-shape-left | Kleurblok links, opacity .2 |
.section-shape-right | Kleurblok rechts, opacity .2 |
.image-blocks / .image-blocks-alt | Dekoratieve blokken voor afbeeldingen |
.border-radius-left-top / ... | Custom radius helpers |
🔘 Buttons
| Class | Eigenschappen | Toelichting |
|---|---|---|
.elementor-button | bg: var(–glw-brand-blue), radius:50px | Standaard knop |
.blue-button | bg: –glw-brand-blue | Blauwe variant |
.green-button | bg: –glw-brand-green | Groene variant |
.orange-button | bg: –glw-brand-orange | Oranje variant |