13 themes, 13 layouts
They are two separate choices, and that is the point. A theme decides how the site looks: colour, typeface, corner radius, density, borders and shadow. A layout decides how it is arranged: which sections a page has, in what order, in which variant. Any theme works with any layout, and changing either one never touches a word you have written.
18 templates
A template is one of each, already paired: a theme that suits the work and a layout that puts the right thing first. Picking one is exactly the same as picking those two separately, so nothing is locked afterwards — swap either half whenever you like.
Developer or engineer
Modern Developer
Dark, dense and technical. Leads with work and the stack behind it.
Dark Developer + Developer Focused
Proof First
Numbers and testimonials above the fold, for when the work needs vouching for.
Swiss Grid + Proof First
Designer
Creative Designer
A studio rail down one side and the work filling everything else.
Modern Minimal + Studio Rail
Bold Portfolio
Heavy type, hard edges, no apology. For work that can carry it.
Neo Brutalist + Creative Editorial
Photographer or videographer
Elegant Photographer
Near-black, full-bleed, and almost no words. The pictures argue.
Noir Luxe + Motion Reel
Warm Story
Paper tones and a narrative order, for work best met in sequence.
Warm Editorial + Story First
Writer or editor
Editorial
Built around a column of text that is actually pleasant to read.
Paper Sketch + Creative Editorial
Content creator
Creative Channel
Gradient, motion and a reel up top. For an audience, not a client.
Creative Gradient + Motion Reel
Marketer
Growth Marketer
Every section pointed at one action, with the results in the way of the exit.
Premium Corporate + Conversion Focused
Consultant or coach
Executive Consultant
Case studies first, restrained everywhere else. Reads as senior.
Premium Corporate + Case Study
Founder or entrepreneur
Founder
What you have built, at what scale, in the order it happened.
Midnight Glass + Proof First
Doctor or healthcare professional
Professional Practice
Calm, clear, and organised around the questions patients actually ask.
Ocean Breeze + Answers First
Lawyer or legal professional
Corporate Chambers
Formal and unhurried, with practice areas and answers up front.
Premium Corporate + Answers First
Architect or interior designer
Minimal Architect
A strict grid, generous white space, and drawings given room.
Swiss Grid + Studio Rail
Teacher or trainer
Teaching Practice
Courses, formats and answers, in warm type that invites reading.
Warm Editorial + Classic Professional
Researcher or academic
Academic Profile
Publications first, in a layout that respects a long list.
Paper Sketch + Creative Editorial
Student or job seeker
Personal Brand
One page, top to bottom, that says who you are and how to reach you.
Modern Minimal + Minimal One-Pager
Something else
Classic Professional
The dependable arrangement. Suits anything, gets in the way of nothing.
Signal Green + Classic Professional
Themes
Each card is drawn with that theme’s own palette and corner radius — a miniature of the page it produces, not a colour chip. Every theme ships a light and a dark mode.
Signal Green
The default look. A bright green accent, Inter, compact radii and a faint grid behind the hero.
Modern Minimal
Monochrome and editorial. Hairline borders, no shadows, near-square corners and generous whitespace.
Dark Developer
Terminal-inspired. Monospaced headings, square corners, cyan accents and a visible grid.
Premium Corporate
Navy and gold with a serif display face, soft elevation and restrained, rectangular detailing.
Creative Gradient
Bold and playful. Pill buttons, oversized rounded cards, glassy surfaces and violet-to-pink gradients.
Neo Brutalist
Hard edges. Thick ink borders, flat offset shadows, electric yellow and zero rounding.
Midnight Glass
Frosted translucent panels over soft indigo light, with luminous hairlines and no hard edges.
Warm Editorial
Paper cream and terracotta with a soft serif display face, roomy leading and no shadows.
Ocean Breeze
Airy teal and sand. Cards float on soft tinted shadows instead of borders, with large gentle radii.
Swiss Grid
International typographic style. Hairline rules, square corners, signal red and dense, tightly set headings.
Retro Neon
Synthwave magenta and cyan over deep violet. Glow instead of shadow, and a horizon grid behind the hero.
Paper Sketch
Dashed hand-drawn borders on dotted paper. Graphite and ink blue, no shadows, softly rounded.
Noir Luxe
Black and champagne. Wide letterspaced capitals, gold hairlines, no shadows and almost no rounding.
Layouts
The stack under each name is that layout’s actual home page, top to bottom. Inner pages are arranged too, and you can reorder any of them afterwards.
Classic Professional
The original arrangement on every page. Centered hero, intro video, then services, projects and social proof in sequence.
Developer Focused
Split hero, standalone stats, and lists over cards throughout. Skills and career lead the About page. Compact header.
Creative Editorial
Oversized typographic hero and projects as large alternating features. Inner pages lead with the work and the story, not the process.
Conversion Focused
A short funnel. Social proof straight after the hero, then services, work, objections and a single closing call to action on every page.
Story First
Narrative-led. The introduction, video and reasons to hire come before any work is shown, on the home page and throughout.
Minimal One-Pager
The home page carries the full pitch top to bottom, and every inner page is stripped to just its content. Quiet hero, compact chrome.
Agency Showcase
Maximal. Every available section on every page, in a long-form order. Switch parts off from Site Content rather than adding them.
Proof First
Social proof leads everywhere. Counters, reviews and interviews come before the offer, on the home page and on each inner page.
Studio Rail
A fixed sidebar navigation on desktop instead of a top bar. Work-led home page, still grids rather than marquees.
Product Launch
Short and punchy. A quiet hero, the numbers, the offer, then proof and one banner call to action. Brief inner pages.
Case Study
The home page shows work and clients only, with no services list at all. Projects lead, testimonials and interviews follow.
Answers First
Leads with the FAQ, laid out as two open columns rather than an accordion. The offer and the work follow once the doubts are handled.
Motion Reel
Media-led with a sidebar rail. Projects scroll horizontally, then client interviews and the intro video carry the page.
You can change theme and layout as often as you like, from the dashboard, without rebuilding anything.
Create your portfolio