Avery Morgan
Founder & Creative Director
WordPress content, rendered by Next.js
Headless WordPress
Every section on this page is an ACF flexible content layout, fetched through WPGraphQL.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.
Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc.
Rich text
WYSIWYG content keeps its formatting. Links to other WordPress pages are rewritten to the frontend.
Image + Text
Image on the Left
Pick the image side in WordPress with the Image position toggle.
Image + Text
Image on the Right
Pick the image side in WordPress with the Image position toggle.
Call to Action
Ready when you are
Add, reorder or remove sections in wp-admin and the site updates on save.
Accordion
Frequently asked questions
Add, reorder or remove questions in the Page Builder. Answers support rich text.
Where do I edit this content?
In wp-admin, under Pages → Page Builder Demo → Page Builder → Accordion.
Does it work without JavaScript?
Yes. It uses native <details> elements, so it also works with the keyboard and screen readers.
Can search engines read the answers?
Yes. Every answer is in the page HTML, even when it is collapsed.
Tabs
Three parts, one site
Switch tabs with a click, or with the arrow keys.
WordPress is a free and open-source content management system (CMS) written in PHP and paired with a MySQL or MariaDB database. It powers roughly 43% of all websites on the internet, ranging from personal blogs and portfolios to major enterprise sites and e-commerce stores.
Editors write content and build pages with the ACF Page Builder.
WPGraphQL exposes posts, pages, menus, ACF fields and Yoast SEO.
- Cached by Next.js
- Refreshed on save
Next.js is a full-stack open-source web development framework created by Vercel that builds on top of React. By abstracting away complex configurations like routing, bundling, and optimization, it allows developers to build high-performance, SEO-friendly web applications efficiently.
Pages are rendered as static HTML and served from the edge.
Multiple Testimonials
What clients say
Replace these with real quotes in the Page Builder.
The new site loads instantly and our editors still work in WordPress. Best of both worlds.
Alex Sample
Marketing Lead, Example Co.
We launched landing pages in hours instead of weeks with the Page Builder.
Sam Placeholder
Founder, Demo Studio
Accessible, fast, and easy to maintain. Exactly what we asked for.
Jordan Test
Testimonial
Single Testimonial
Replace these with real quotes in the Page Builder.
The new site loads instantly and our editors still work in WordPress. Best of both worlds.
Sample Name
Role, Company
Latest Blog Posts
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Why We Moved Our Website to a Headless CMS
Editors keep the WordPress screens they know, while visitors get pages that load almost instantly. Splitting content management from the front end lets each side do what it does best. WordPress stays the place where content is written, reviewed and scheduled. The public site is built with modern tooling and served from the edge. The…
Learn more: Why We Moved Our Website to a Headless CMSFive Questions to Ask Before Your Next Redesign
A redesign is a chance to fix what isn't working, not just to change how things look. Start with who the site is for and what they need to get done. Look at your analytics: which pages do people actually visit, and where do they drop off? Then decide what success looks like, so you…
Learn more: Five Questions to Ask Before Your Next Redesign
Meet our team
The people behind the work
A small studio of designers, developers and strategists. Click Read bio to learn more about each of us.
Jordan Lee
Head of Strategy
Sam Rivera
Senior Developer
Taylor Brooks
Designer
Casey Kim
Project Manager
Riley Chen
Content Lead
One card
Cards
Fills the row, image beside the text on larger screens
Strategy
Know what the site is for
Workshops and research to agree on goals, audiences and what success looks like, before any design starts.
Two cards
Cards
Side by side, 50/50
Strategy
Know what the site is for
View Blog: StrategyWorkshops and research to agree on goals, audiences and what success looks like, before any design starts.
Design
Interfaces that hold up
Layouts, type and colour built as a system, so new pages look right without a designer on every change.
Three cards
Cards
In thirds
Strategy
Know what the site is for
View Blog: StrategyWorkshops and research to agree on goals, audiences and what success looks like, before any design starts.
Design
Interfaces that hold up
Layouts, type and colour built as a system, so new pages look right without a designer on every change.
Development
Fast and accessible
View Hero Demo: DevelopmentA headless WordPress site that loads quickly, works with a keyboard and is easy for editors to keep up to date.
Four cards
Cards
Four in a row
Strategy
Know what the site is for
View Blog: StrategyWorkshops and research to agree on goals, audiences and what success looks like, before any design starts.
Design
Interfaces that hold up
Layouts, type and colour built as a system, so new pages look right without a designer on every change.
Development
Fast and accessible
View Hero Demo: DevelopmentA headless WordPress site that loads quickly, works with a keyboard and is easy for editors to keep up to date.
Content
Words that work
Navigation labels, page copy and case studies written for the people who will actually read them.
Five cards
Cards
Rows of four; the fifth starts a new row (and has no image)
Strategy
Know what the site is for
View Blog: StrategyWorkshops and research to agree on goals, audiences and what success looks like, before any design starts.
Design
Interfaces that hold up
Layouts, type and colour built as a system, so new pages look right without a designer on every change.
Development
Fast and accessible
View Hero Demo: DevelopmentA headless WordPress site that loads quickly, works with a keyboard and is easy for editors to keep up to date.
Content
Words that work
Navigation labels, page copy and case studies written for the people who will actually read them.
Support
After launch
Updates, small improvements and a person to call when something needs changing.
Card slider
Cards
Display: Slider, 3 cards visible. Swipe, scroll sideways or use the arrows.
Strategy
Know what the site is for
View Blog: StrategyWorkshops and research to agree on goals, audiences and what success looks like, before any design starts.
Design
Interfaces that hold up
Layouts, type and colour built as a system, so new pages look right without a designer on every change.
Development
Fast and accessible
View Hero Demo: DevelopmentA headless WordPress site that loads quickly, works with a keyboard and is easy for editors to keep up to date.
Content
Words that work
Navigation labels, page copy and case studies written for the people who will actually read them.
Support
After launch
Updates, small improvements and a person to call when something needs changing.
Analytics
Measure what matters
View Locations: AnalyticsDashboards that answer the questions you actually ask about the site.
Two columns
Column widths: 1/3 + 2/3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
How we work
A short intro on the left, with the details on the right.
Every project starts with a workshop to agree on goals and audiences. From there we design and build in short rounds, so you see real pages early and can change direction before it gets expensive.
- Discovery workshop and research
- Design system and page templates
- Headless WordPress build and launch
See recent work on the blog.
Three columns
Equal widths
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Plan
Agree on what the site is for, who it’s for and how you’ll know it’s working.
Build
Design and develop in short rounds, with real pages to review from the first week.
Grow
After launch, measure, adjust and add what visitors actually need.
Four columns
Two per row on tablets, four on large screens
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Fast
Pages are pre-built and cached, so they load quickly.
Accessible
Works with keyboards, screen readers and zoom.
Editable
Editors build pages from sections in WordPress.
Secure
WordPress isn’t public; only the site is.
Gallery
Square, 3 columns
Gallery: original shapes
Masonry, 4 columns, captions on
- , open image 1 of 10 larger
Rust and soft circles - , open image 2 of 10 larger
- , open image 3 of 10 larger
Gold, warm light - , open image 4 of 10 larger
- , open image 5 of 10 larger
Teal, layered - , open image 6 of 10 larger
- , open image 7 of 10 larger
Cyan on cyan - , open image 8 of 10 larger
- , open image 9 of 10 larger
Orange glow - , open image 10 of 10 larger
Brown, dusk
