Round 2 (archived) · visual mockups · not a live site
Direction A, three ways
You chose Direction A (Warm welcome). Here it is in three variants with the same pages and the same welcome-first homepage, each with a different feel. Open each homepage, try the Sunday-state toggle in the welcome area, then tell us which variant you prefer, or what you'd mix.
- Sundays 10:30am
- Barncroft Primary School, Park Lane, Havant PO9 3HN
- Registered charity no. 1050895
The same in all three
- Teaching: the olive "Browse by book" grid of 66 books (sample counts), list/series toggle and filters
- Sermon page: the peach pull-quote panel and the "Take it further" links
- The Sunday-state preview (Before service, Live now, After service) and countdown card
- Navigation: Home, Plan your visit, Teaching, What's on, About, Give, Books, plus Watch online
Closest to the original
V1 · Refined
Direction A tidied up: the same cream, rust and olive, calmer spacing and a tighter type scale.
- Original palette and photo style
- Consistent heading sizes and spacing
- Olive band for WhatsApp, as before
More presence
V2 · Warmer
Bigger headlines and photos, with olive and rust used boldly. A little more movement, still calm.
- Larger display type and photo areas
- Olive band for "Who we are", rust band for WhatsApp
- Sections ease in on scroll; cards lift further on hover
Airier and more editorial
V3 · Lighter
Softer cream and white, more space, serif for headings only and flatter cards. Teaching keeps its olive.
- Near-white backgrounds and hairline borders
- Headline beside the service details, wide photo below
- Pale olive WhatsApp band and a light footer
At a glance
| Aspect | V1 · Refined | V2 · Warmer | V3 · Lighter |
|---|---|---|---|
| Palette | Cream and sand, rust buttons, olive and espresso bands | Same colours, with olive and rust as full homepage bands | Near-white and pale cream; olive only on Teaching and a pale olive band |
| Type | Fraunces headings, Figtree body, tidy scale | Larger Fraunces headlines (up to about 7.5rem) | Lighter-weight Fraunces for headings only; labels in small caps |
| Hero | Welcome text beside a photo, with the Sunday card overlapping | Bigger photo leads, warm glow behind | Headline beside the service details, wide photo below |
| Cards | Rounded, soft shadows | Rounder, lift further on hover | Flatter, hairline borders, smaller corners |
| Motion | Gentle hover only | Sections ease in on scroll (off if you prefer reduced motion) | Gentle hover only |
| Footer | Deep espresso | Deep espresso | Light sand |