“The homepage felt easier to trust once the story and layout stopped competing.”
Play Video
Numbered block library for rapid reference and iteration.
The first tab catalogues fifty block variations designed with the same homepage widths, gaps, rounded corners, typography, and image treatments. The newer additions stay intentionally simpler than the current complexity ceiling.
Landing Page
Use this when the opening story needs to explain the offer quickly and point attention in the right direction.
500%
Average increase in traffic
August 8, 2025
Home pages feel stronger when every section earns its place
“The homepage felt easier to trust once the story and layout stopped competing.”
Play VideoClear entry points
Use spacing, image rhythm, and hierarchy to make the first route through the page feel obvious.
300%
Average increase in conversions
100%
Average increase in revenue
Use space and sequencing to turn background into belief and credibility.
Category
Studio
Date
September 12, 2025
STEP 01
Define the about promise
These blocks work when the team needs to explain who they are without collapsing into generic agency copy.
STEP 02
Shape the about rhythm
Use space and sequencing to turn background into belief and credibility.
STEP 03
Close with credibility that reads fast
Keep the narrative focused on proof, sequence, and the decisions that explain why the team is credible.
How to structure a about page without crowding the message
Credibility that reads fast
A stronger about page replaces autobiography with reasons to believe.
Leah Morgan
Brand Director, Northline Studio
Use these when multiple services need to feel connected but still easy to compare and understand.
3.1x
More qualified service enquiries
41%
Less drop-off during evaluation
06
Services grouped into one hierarchy
18d
Typical sprint from audit to launch
Present the offer with one hierarchy, one visual pace, and one next step.
October 29, 2025
Service Detail layouts that make proof easier to scan
The detail page improved as soon as the page stopped assuming too much prior knowledge.
Play VideoSpecific without overload
Use image rhythm, calmer sections, and structured proof to keep specialist pages readable.
27%
Faster path to the right CTA
Use image rhythm, calmer sections, and structured proof to keep specialist pages readable.
Category
Strategy
Date
October 29, 2025
Focus
Specific without overload
Portfolio Page
Case-led pages need an editorial pace so outcomes land before the visuals become decoration.
Marcus Chen
Founder, Fieldstone Group
STEP 01
Define the work promise
Use these blocks when the work needs to feel intentional, strategic, and easy to browse without losing substance.
Shape the work rhythm
Case-led pages need an editorial pace so outcomes land before the visuals become decoration.
STEP 03
Close with proof with pacing
Use large section breaks, strong type, and restrained buttons so each featured project holds its own space.
Case Study blocks can frame a case without leaning on the same homepage pattern.
Use these when the team needs to explain what changed, why it mattered, and where the lift actually came from.
38%
Faster proposal turnaround
Evidence before adjectives
The case study landed once the process and the result were shown with the same level of care.
2.4x
More qualified inbound meetings
01
Shared operating layer introduced
6wk
Story compressed into one timeline
January 10, 2026
01
Blog pages feel stronger when every section earns its place
These blocks suit blog index pages where article cards need to feel consistent, scannable, and quietly premium.
January 10, 2026
02
How to structure a blog page without crowding the message
Use the same calm structure across every post preview so the writing does the work.
January 10, 2026
03
Blog layouts that make proof easier to scan
Use larger type, image restraint, and cleaner gaps to make reading the default behaviour.
January 10, 2026
04
Where imagery should support the story on a blog page
These blocks suit blog index pages where article cards need to feel consistent, scannable, and quietly premium.
Use these blocks for single-article layouts that need strong headlines, clear media, and controlled reading flow.
Sofia Bennett
Editor, Northlight Review
February 3, 2026
Where imagery should support the story on a article page
The article felt easier to finish once the layout started supporting the argument instead of distracting from it.
Play VideoConversion Page
Use these when the team needs a softer, clearer handoff into enquiry, booking, or direct outreach.
Fewer steps, better intent
Contact pages work best when friction disappears before the form ever shows up.
42%
Faster route into the right contact path
3.1x
More qualified conversations
March 18, 2026
Contact pages feel stronger when every section earns its place
42%
Faster route into the right contact path
3.1x
More qualified conversations
01
Primary action repeated with clarity
24/7
Support coverage signposted clearly
FAQ page blocks should feel original without leaving the home design system.
Use editorial spacing and clear grouping so the page feels easier before any answer is read.
How to structure a faq page without crowding the message
Mia Carter
The FAQ became more useful once the page treated reassurance like a design problem.
Customer Experience Lead, Atlas Dental
31%
Less repeat support on common questions
12
Primary questions grouped above the fold
02
Routes into live help or contact
4.9/5
Usefulness score from support audits
Landing Page
Home pages can start simpler and still feel premium.
Use this when the opening story needs to explain the offer quickly and point attention in the right direction.
August 8, 2025
Home pages feel stronger when every section earns its place
October 3, 2025
How to structure a services page without crowding the message
One offer, less noise
The service page worked once the offer stopped trying to say everything at once.
Guide attention with grouped proof, restrained copy, and one consistent interaction pattern.
41%
Less drop-off during evaluation
Case-led pages need an editorial pace so outcomes land before the visuals become decoration.
Case Studies
The work felt more substantial once the story and result sat side by side.
Use these blocks when the work needs to feel intentional, strategic, and easy to browse without losing substance.
01
Visual system across every project card
Editorial Index
Publish ideas with editorial rhythm and hierarchy.
Use larger type, image restraint, and cleaner gaps to make reading the default behaviour.
24
Posts surfaced in one system
52%
More clicks from the featured story
03
Preview sizes across the index
Use these blocks when the work needs to feel intentional, strategic, and easy to browse without losing substance.
Case Studies
Proof with pacing
Use large section breaks, strong type, and restrained buttons so each featured project holds its own space.
The portfolio became more convincing once each project carried its own narrative weight.
Marcus Chen
Editorial Index
Blog pages feel stronger when every section earns its place
Use the same calm structure across every post preview so the writing does the work.
A steadier editorial rhythm made the writing feel more considered.
Content Lead, Ember Journal
Conversion Page
Contact pages work best when friction disappears before the form ever shows up.
Use these when the team needs a softer, clearer handoff into enquiry, booking, or direct outreach.
March 18, 2026
Contact layouts that make proof easier to scan
42%
Faster route into the right contact path
Insights
The homepage felt easier to trust once the story and layout stopped competing.
Use spacing, image rhythm, and hierarchy to make the first route through the page feel obvious.
300%
Average increase in conversions
March 18, 2026
Contact pages feel stronger when every section earns its place
March 18, 2026
How to structure a contact page without crowding the message
August 8, 2025
Home layouts that make proof easier to scan
August 8, 2025
Home pages feel stronger when every section earns its place
August 8, 2025
How to structure a home page without crowding the message
Offer Overview
Where imagery should support the story on a services page
Use these when multiple services need to feel connected but still easy to compare and understand.
October 3, 2025
Services pages feel stronger when every section earns its place
October 3, 2025
How to structure a services page without crowding the message
November 14, 2025
Work pages feel stronger when every section earns its place
November 14, 2025
How to structure a work page without crowding the message
November 14, 2025
Work layouts that make proof easier to scan
Daniel Ross
The service page worked once the offer stopped trying to say everything at once.
Growth Lead, Verity Systems
3.1x
More qualified service enquiries
41%
Less drop-off during evaluation
06
Services grouped into one hierarchy
18d
Typical sprint from audit to launch
Case Studies
The work felt more substantial once the story and result sat side by side.
Use these blocks when the work needs to feel intentional, strategic, and easy to browse without losing substance.
08
Featured engagements shown with context
36%
More clicks into deeper project detail
01
Visual system across every project card
January 10, 2026
Blog pages feel stronger when every section earns its place
The blog improved when every post preview stopped competing for the same amount of attention.
Use larger type, image restraint, and cleaner gaps to make reading the default behaviour.
24
Posts surfaced in one system
42%
Faster route into the right contact path
The path into the team felt more personal and less transactional.
Aaron Wells
3.1x
More qualified conversations
January 10, 2026
Blog pages feel stronger when every section earns its place
Editorial Index
Editorial pacing
Use larger type, image restraint, and cleaner gaps to make reading the default behaviour.
Contact
Contact pages work best when friction disappears before the form ever shows up.
Use these when the team needs a softer, clearer handoff into enquiry, booking, or direct outreach.
Landing Page
How to structure a home page without crowding the message
Use this when the opening story needs to explain the offer quickly and point attention in the right direction.
Clear entry points
Use spacing, image rhythm, and hierarchy to make the first route through the page feel obvious.
500%
Average increase in traffic
October 3, 2025
Services layouts that make proof easier to scan
The service page worked once the offer stopped trying to say everything at once.
Growth Lead, Verity Systems
41%
Less drop-off during evaluation
Clear entry points
Use spacing, image rhythm, and hierarchy to make the first route through the page feel obvious.
The homepage felt easier to trust once the story and layout stopped competing.
Sarah Connor
Better structure made the offer easier to compare and buy into.
Use these when multiple services need to feel connected but still easy to compare and understand.
3.1x
More qualified service enquiries
Case-led pages need an editorial pace so outcomes land before the visuals become decoration.
Case Studies
The portfolio became more convincing once each project carried its own narrative weight.
Founder, Fieldstone Group
November 14, 2025
Where imagery should support the story on a work page
January 10, 2026
Blog pages feel stronger when every section earns its place
03
Preview sizes across the index
Editorial pacing
Use larger type, image restraint, and cleaner gaps to make reading the default behaviour.
Proof with pacing
Use large section breaks, strong type, and restrained buttons so each featured project holds its own space.
The portfolio became more convincing once each project carried its own narrative weight.
Founder, Fieldstone Group
Insights
These blocks suit blog index pages where article cards need to feel consistent, scannable, and quietly premium.
24
Posts surfaced in one system
52%
More clicks from the featured story
Conversion Page
Contact layouts that make proof easier to scan
Use these when the team needs a softer, clearer handoff into enquiry, booking, or direct outreach.
Clear entry points
Use spacing, image rhythm, and hierarchy to make the first route through the page feel obvious.
August 8, 2025
How to structure a home page without crowding the message
100%
Average increase in revenue
50+
Clients served across industries
Use these when the team needs a softer, clearer handoff into enquiry, booking, or direct outreach.
42%
Faster route into the right contact path
3.1x
More qualified conversations
01
Primary action repeated with clarity
24/7
Support coverage signposted clearly
Landing Page
Give the homepage one message, one rhythm, and one path forward.
Use this when the opening story needs to explain the offer quickly and point attention in the right direction.
500%
Average increase in traffic
300%
Average increase in conversions
100%
Average increase in revenue
50+
Clients served across industries
October 3, 2025
Services pages feel stronger when every section earns its place
3.1x
More qualified service enquiries
41%
Less drop-off during evaluation
06
Services grouped into one hierarchy
18d
Typical sprint from audit to launch
08
Featured engagements shown with context
Proof with pacing
Use large section breaks, strong type, and restrained buttons so each featured project holds its own space.
36%
More clicks into deeper project detail
01
Visual system across every project card
October 3, 2025
Services pages feel stronger when every section earns its place
October 3, 2025
How to structure a services page without crowding the message
October 3, 2025
Services layouts that make proof easier to scan
November 14, 2025
Work pages feel stronger when every section earns its place
November 14, 2025
How to structure a work page without crowding the message
November 14, 2025
Work layouts that make proof easier to scan
November 14, 2025
Where imagery should support the story on a work page
January 10, 2026
Blog pages feel stronger when every section earns its place
January 10, 2026
How to structure a blog page without crowding the message
January 10, 2026
Blog layouts that make proof easier to scan
March 18, 2026
Contact pages feel stronger when every section earns its place
March 18, 2026
How to structure a contact page without crowding the message
Fewer steps, better intent
Use a lighter page rhythm so the call to action arrives with confidence instead of pressure.
Editorial Index
Use the same calm structure across every post preview so the writing does the work.
These blocks suit blog index pages where article cards need to feel consistent, scannable, and quietly premium.
Contact
How to structure a contact page without crowding the message
Use a lighter page rhythm so the call to action arrives with confidence instead of pressure.
42%
Faster route into the right contact path
August 8, 2025
Home pages feel stronger when every section earns its place
The homepage felt easier to trust once the story and layout stopped competing.
Digital Marketing Manager, XIO Fitness
Offer Overview
One offer, less noise
Guide attention with grouped proof, restrained copy, and one consistent interaction pattern.
41%
Less drop-off during evaluation
06
Services grouped into one hierarchy