# Four portable window-cleaner themes

13 October 2026 · Theme studio: `/gpt-themes/window-cleaner-studio/index.html`

Each direction is a complete portable website demo. Query controls in site.html switch brand, page set, page, homepage layout, palette, light/dark mode and regional edition. The four brands retain their own opening, type and section treatment while sharing an editable content model. Gallery publication does not register these designs in the native FastSites editor.

## Industry research

| Finding | Design response | Page/block |
| --- | --- | --- |
| Cost changes with property size, window count, height, access and extras. | Explain the factors and offer a three-input guide, clearly labelled as illustrative. | Home tool, Pricing |
| Customers need to know whether interiors, frames, sills, tracks or screens are included. | Show core scope beside optional additions and request details in the enquiry. | Services, FAQ, Booking |
| Hiring questions include cleaning method, upper floors, timing and whether the owner needs to be home. | Give a process and practical FAQ without claiming unverified credentials. | About, FAQ |
| One-off and regular visits are different buying journeys. | Include a frequency choice and separate guide bands. | Pricing tool, Pricing |
| Trust depends on real evidence. | Gallery and testimonials have honest, designed placeholder states until real work and permission exist. | Gallery, Testimonials |

Research: [Checkatrade pricing](https://www.checkatrade.com/blog/cost-guides/window-cleaning-prices/) and [window-cleaner hiring questions](https://www.checkatrade.com/blog/window-washing-service-near-me/). Sample €45 / £45 / $45 starts follow the brief, not a market claim.

## Identity contracts

| Theme | Five characteristics | Three clichés to avoid |
| --- | --- | --- |
| Aperture | Architectural, precise, airy, measured, transparent | Blue water drops; stock sparkles; vague luxury copy |
| Goodpane | Neighbourly, crafted, warm, careful, reassuring | Fake five-star badges; rustic overload; empty “family business” claims |
| Daymark | Direct, bold, fast, energetic, clear | SaaS gradient cards; false instant-booking promise; exaggerated savings |
| Velum | Discreet, composed, material-aware, premium, calm | Black-and-gold cliché; made-up VIP clients; decorative motion |

## Homepage compositions

| Theme | Opening | Section rhythm | Signature device |
| --- | --- | --- | --- |
| Aperture | Giant left-aligned type beside a clean architectural interior | Fine service grid → full-height work image → price panel → concise answers | Coral frame corner |
| Goodpane | Editorial type beside a cleaner at a townhouse window | Paper rule → service list → domestic image story → price panel → practical answers | Tilted four-pane mark |
| Daymark | Cobalt type block beside bold lifestyle glass image | Promise strip → chunky services → three-step process → price panel | Circular sun stamp |
| Velum | Framed, dark, photographic hero | Service ledger → quiet interior study → price panel → composed invitation | Layered glass fade |

Every homepage has one primary hero CTA and a three-input guide tool: property, height, visit frequency. The CTA leads to that tool or the enquiry route. Estimates are displayed locally and are never submitted.

## Page sets and page identities

| Set | Pages |
| --- | --- |
| Mini · 3 | Home, About, Contact |
| Standard · 5 | Home, Services, Pricing, About, Contact |
| Premium · 10 | Home, Services, Pricing, About, Gallery, Contact, Legal, FAQ, Testimonials, Booking / Enquiry |

| Page | Distinct composition and job |
| --- | --- |
| Home | Brand-specific hero, service overview, method, guide price, practical answers and final invitation. |
| Services | Image-led opening, four scoped services, included-versus-optional table. |
| Pricing | Large sample-price emblem, interactive guide, three visit bands and quote factors. |
| About | Image-led statement, values triptych and process story. |
| Gallery | Asymmetric image mosaic with explicit illustrative captions and a photo direction note. |
| Contact | Contact facts beside a short, working demo form and reply-process explanation. |
| Legal | Region-specific legal content scaffold with official references and an explicit publication note. |
| FAQ | Topic-led opening and seven expandable practical questions. |
| Testimonials | Large editorial quote slot and three story slots, clearly awaiting real permissioned feedback. |
| Booking / Enquiry | Three-stage journey and validated local-only enquiry form. It does not reserve a time. |

## Six rendered homepage layouts

| Layout | Visible treatment |
| --- | --- |
| Theme | The direction's native hero and section arrangement. |
| Full-width sections | Wider content bands and image reach with smaller inner margins. |
| Boxed | The entire site sits inside a 1240px canvas on an outer field. |
| Centered | Hero copy and CTA centered above a contained image; service introduction centered. |
| Minimalist | Typography leads; opening photo, stamps and ribbon are removed. |
| Edge-to-edge hero | Full-bleed photograph under a dark legibility layer with copy over the image. |

Layout is a homepage setting. It remains in the URL while viewing an interior page and is applied again on Home.

## Header, footer and interaction

- Header: brand-specific wordmark and silhouette, short navigation, one enquiry CTA, accessible More menu for the Premium pages, sticky positioning.
- Mobile: one labelled menu button, 220ms panel entrance, closes through page navigation. Studio controls are separately collapsible on a phone.
- Footer: brand statement, grouped page links, sample address and phone, hours, coverage area, social-account slot and region legal label.
- Motion: navigation underline 180ms, CTA lift 180ms, dropdown entrance 200ms, mobile panel 220ms; ease-out; reduced-motion preference respected.
- Forms: fields validate in the browser and show a local confirmation. No data is transmitted or appointment held.

## Typography and image rules

| Theme | Display | Body | Tone |
| --- | --- | --- | --- |
| Aperture | Manrope | Manrope | Compact, architectural sans |
| Goodpane | Fraunces | DM Sans | Warm editorial contrast |
| Daymark | Outfit 800–900 | Outfit | Direct, high-impact sans |
| Velum | Italiana | DM Sans | Elegant display with restrained utility |

Desktop display uses roughly 66–145px depending on the direction; mobile uses 60–90px with explicit long-word fitting. Body is 12–16px, typically at 1.55–1.7 line height. Utility labels use 9–12px. Photo crops preserve the worker or architectural glass. EU uses minimal architecture, UK uses hands-on craft, US uses bold lifestyle or commercial context. If media is unavailable, the coloured surface preserves section size and text remains readable. Replace illustrative assets with permissioned business photography before publication.

## Colour pairs and semantic roles

Each pair has page, surface, text, muted text, line, accent, accent text, footer and hero roles. The Original pair is theme-specific; the other four are shared alternatives. All are selectable in light and dark modes.

| Palette | Light page / text / accent | Dark page / text / accent |
| --- | --- | --- |
| Original · Aperture | #F1F4F2 / #183946 / #EE8A65 | #142A32 / #EEF5F1 / #F1A17E |
| Original · Goodpane | #F4EFE5 / #224739 / #D5A94C | #193A30 / #F3EFE2 / #E1BD6F |
| Original · Daymark | #F5F7EF / #0A35B3 / #E8F35E | #071D5B / #F1F6F2 / #E8F35E |
| Original · Velum | #EEEAE3 / #302D34 / #829B7E | #29272E / #EDECE3 / #BFCDB8 |
| Glacier | #EFF5F7 / #173E55 / #78C7D9 | #0E2633 / #EEF8FA / #86D5E5 |
| Moss | #EDF2E9 / #294C37 / #ACCF8A | #183528 / #F0F6EB / #C2D893 |
| Linen | #F7F2E8 / #514032 / #D4A65E | #332A25 / #FAF0DF / #E5BE7C |
| Dusk | #F1EFF3 / #3C3548 / #B4A1CA | #292330 / #F4F0F7 / #CBB8DF |

The demo's page text, accent text and footer text pairs were checked against 4.5:1 contrast in all 40 theme / palette / mode combinations. Contrast of text over photographs remains image-dependent and needs review when final images are supplied.

## Regional editions

| Region | Copy, price and location | Imagery and legal application |
| --- | --- | --- |
| EU | Formal, clear copy; €45 sample start; Amsterdam-format address, metric coverage and +31 sample phone. | Minimal architectural hero; GDPR and EU consumer-information scaffold. |
| UK | Editorial, detail-friendly copy; £45 sample start; London-format address and +44 sample phone. | Craft-focused cleaner image; UK GDPR and consumer-information scaffold. |
| US | Direct, action-led copy; $45 sample start; Portland-format address and (555) sample phone. | Bold lifestyle or commercial glass hero; general US terms and conditional California privacy section. |

Legal references: [European Commission consumer contracts](https://commission.europa.eu/law/law-topic/consumer-protection-law/consumer-contract-law_en), [UK ICO privacy notices](https://ico.org.uk/for-organisations/advice-for-small-organisations/privacy-notices-and-cookies/cookies-and-privacy-notices-in-detail/), [California DOJ CCPA](https://oag.ca.gov/privacy/ccpa). The legal pages are design scaffolds. Real terms require the business's identity, policies, actual data flows and market review.

## Portable handoff

Use index.html to compare the four brands. Use site.html with URL controls to inspect every edition and route. site.js holds the editable content and routing; site.css holds the theme, layout, palette and responsive systems; assets contains the local photos. preview.html and app.js preserve the original concept checkpoint.

The four themes work as a self-contained showroom through a static server. Native FastSites registration, editor panel bindings, catalogue placement, save/reload and published parity are a separate integration step because the brief specified no repository access.

## Why the themes work

Each direction starts from the actual service value: a clearer view, more daylight and trust in the visit. The page sets scale from a small local site to a full service site. The regional copy and legal scaffolds give the future owner a local starting point without pretending that sample details or testimonials are real.