PORTABLE THEME CONTRACT
A structured handoff for future FastSites integration. This Sites showroom is the visual reference; native editor registration has not been performed.
01 / IDENTITY
02 / INDUSTRY RESEARCH
| Finding | Design response | Page / block |
|---|---|---|
| Fit and size uncertainty | Reserve visible size measurements and clear regional units before real commerce | FAQ, product pattern |
| Shoppers need to judge how pieces look worn | Mix model imagery, full-length frames, and detail crops | Home collection, Gallery |
| Return information affects confidence | Surface actual policy before checkout; keep demo status explicit | FAQ, Legal, bag |
| Browse by occasion and style | Two-input edit finder and curated paths | Home hero, Services |
| Styling pricing needs clear scope | Show sample starting rates with included steps | Pricing, Booking |
| Enquiries should explain the next step | Keep the form brief, show scope, and distinguish a request from a confirmed booking | Contact, Booking |
Research: Baymard apparel UX ↗ · Baymard usability study ↗
03 / THREE DIRECTIONS
Warm, composed fashion storytelling with useful shopping cues.
A restrained white gallery that lets construction and silhouette lead.
High-contrast evening energy for a bolder occasion boutique.
Quiet Editorial continues the homepage identity already established for Vela Edit.
04 / PAGE SETS + COMPOSITION
| Edition | Pages | Role |
|---|---|---|
| Mini / 3 | Home · About · Contact | First impression, point of view, simple enquiry |
| Standard / 5 | Mini + Services · Pricing | Clear offer and scope before enquiry |
| Premium / 10 | Standard + Gallery · Legal · FAQ · Testimonials · Booking/Enquiry | Full visual proof, reassurance, and a dedicated enquiry path |
Home: campaign hero + two-input edit finder → point of view → collection → story → next step.
About: portrait → manifesto → three values → tactile detail.
Services: three offers → simple process → pricing handoff.
Pricing: clear cards → scope notes → enquiry.
Gallery: filterable full look / detail rhythm.
Contact: oversized invitation → form → regional contact format.
Legal / FAQ / Stories / Booking: trust content, questions, honest proof placeholders, and a clear demo enquiry flow.
05 / SIX LAYOUTS
Editorial default, balanced imagery and copy.
Sections run edge to edge; content keeps a useful inner measure.
Site sits on a framed paper canvas.
Symmetric hero and centered section rhythm.
Reduced ornament and quieter contrast.
Campaign image owns the first viewport.
06 / REGIONAL EDITIONS
| Region | Key differences | Design application |
|---|---|---|
| EU | Clear, formal copy; € prices; GDPR + EU consumer-rights topics; international phone; architectural imagery | Stone portrait, direct legal signposts, cm-first measurement placeholder |
| UK | Editorial, detail-friendly copy; £ prices; UK GDPR + UK consumer-rights topics; +44 format; craft imagery | Trench / fabric-detail focus, descriptive captions |
| US | Direct, confident copy; $ prices; California privacy / US sale notices; (555) format; bold lifestyle imagery | City campaign crop, stronger CTA language, inches-first placeholder |
Legal sources: EU returns ↗ · UK distance selling ↗ · California privacy notices ↗ · FTC online orders ↗
07 / SYSTEM TOKENS
Display: Georgia, regular and italic; 64–142px desktop, 46–80px mobile; tight tracking and 0.95–1.08 line height.
Utility: Arial; 9–12px uppercase navigation and labels with wide tracking. Body copy 16–20px, generous line height.
Underline reveal 160ms; CTA lift 200ms; dropdown fade and translate 180ms; mobile panel slide 220ms. Honour reduced motion.
Each pair maps to semantic roles: paper (background), ink (text), muted (secondary text), wine (action), line (divider), and collection (section surface).
Use real full-length fit frames, portrait crops, and tactile details. Keep faces and hems inside the safe crop. Replace every demo image with licensed, approved photography at matching aspect ratios. EU favours architecture, UK craft details, US bolder lifestyle frames.
The sticky header uses a narrow wordmark, measured link rhythm, one enquiry action, and a mobile panel. The footer closes with a brand statement, grouped page links, regional sample contact formats, hours, social placeholder, and legal link.
08 / WHY IT WORKS
The theme leads with an ownable editorial mood, then answers the practical questions that matter for clothing: fit, imagery, scope, returns, and contact. Mini, Standard, and Premium share one identity; layouts and regional editions change presentation without changing the core story.
Integration status: portable Sites showroom. Native FastSites registry, editor blocks, controls, save/reload, preview, and publishing parity still require a separate port.
Open the live theme preview