Layout gallery
Every section in every layout it ships with. Pick a look, copy its layout value, and paste it into the section's content file or a page's named block.
Sections
Jump to a section, or straight to one of its layouts. Each preview uses the section's default content, so switching a layout never needs new copy.
- Page headerLayouts: 3
- HeroLayouts: 5
- ProjectsLayouts: 4
- QuoteLayouts: 2
- ServicesLayouts: 5
- ToolsLayouts: 2
- StatsLayouts: 3
- AboutLayouts: 2
- ExperienceLayouts: 2
- PricingLayouts: 3
- StepsLayouts: 2
- LogosLayouts: 2
- TestimonialsLayouts: 3
- FAQLayouts: 3
- JournalLayouts: 3
- Call to actionLayouts: 3
- TeamLayouts: 2
- GalleryLayouts: 2
- Next projectLayouts: 2
- ContactLayouts: 2
- Site header, footer, and page templates
Layouts: 3
Page header
Set per page in the pageHeader frontmatter block.
Page headercentered
pageHeader:
options:
layout: "centered"Brand design for small makers
Identity, packaging, and print. One designer in Lisbon, from the first call to the last print proof.
Page headerleft
pageHeader:
options:
layout: "left"Brand design for small makers
Identity, packaging, and print. One designer in Lisbon, from the first call to the last print proof.
Page headersplit
pageHeader:
options:
layout: "split"Brand design for small makers
Identity, packaging, and print. One designer in Lisbon, from the first call to the last print proof.
Layouts: 5
Hero
Set in sections/hero-section.md or a page's heroSection block.
Herostack
options:
layout: "stack"Brands that sell the craft.
Identity, packaging, and print for small makers. One designer in Lisbon, from the first call to the last print proof.
Heropanel
options:
layout: "panel"Brands that sell the craft.
Identity, packaging, and print for small makers. One designer in Lisbon, from the first call to the last print proof.
Herophoto
options:
layout: "photo"
Brands that sell the craft.
Identity, packaging, and print for small makers. One designer in Lisbon, from the first call to the last print proof.
Herocentered
options:
layout: "centered"Brands that sell the craft.
Identity, packaging, and print for small makers. One designer in Lisbon, from the first call to the last print proof.
Heromasthead
options:
layout: "masthead"Brands that sell the craft.
Identity, packaging, and print for small makers. One designer in Lisbon, from the first call to the last print proof.
Layouts: 4
Projects
Set in sections/projects-section.md or a page's projectsSection block.
Projectsgrid
options:
layout: "grid"Projectsindex
options:
layout: "index"Recent work, from brief to shelf
Projectswall
options:
layout: "wall"Recent work, from brief to shelf
Projectsstack
options:
layout: "stack"Recent work, from brief to shelf
Branding · Packaging2025
Marrow Kiln
One label layout now carries 40 glazes.
Brand identity, Packaging
Branding · Print2024
Werrin Paper
Six product lines share one envelope range in two inks.
Brand identity, Print
Art direction2025
Saltmoor
Twelve campaign stills from two studio days.
Art direction, Set design
Branding · Packaging2023
Ravel & Hue
A 96-colour fan sorted by light, not by name.
Colour system, Packaging, Website
Layouts: 2
Quote
Set in sections/quote-section.md or a page's quoteSection block.
Quotecentered
options:
layout: "centered"“Hugo spent a week in our workshop before he drew a single line. The new range looks like the way we make paper, and our stockists noticed it first.”
Matthias Oberle Managing director, Werrin PaperQuotestatement
options:
layout: "statement"“Hugo spent a week in our workshop before he drew a single line. The new range looks like the way we make paper, and our stockists noticed it first.”
Matthias Oberle Managing director, Werrin PaperLayouts: 5
Services
Set in sections/services-section.md or a page's servicesSection block. The rows come from the services collection.
Servicessplit
options:
layout: "split"Five services, one pair of hands
What I work with
Serviceslist
options:
layout: "list"Five services, one pair of hands
Brand identity A mark, a type system, and a colour palette that hold up from a price tag to a shop sign.
- Logo and wordmark
- Colour palette
- Type system
- Stationery and labels
- Brand guidelines (PDF)
- Editable source files
From €9,200 per project
See the detailsWeb design Calm, fast websites that show the work clearly and make the next step obvious.
- Site map and page outlines
- Phone and desktop designs
- Component library
- Clickable prototype
- Build or developer hand-off
- Recorded editing walkthrough
From €7,600 per project
See the detailsArt direction A clear look for campaigns and product pictures, planned frame by frame before the shoot.
- Moodboard and written direction
- Shot list and schedule
- Set and prop sourcing
- Direction on set
- Final selection and grading notes
From €1,400 per day
See the detailsPackaging Labels, boxes, and bags that read from across a shop and still feel considered at home.
- Label and surface system
- Dielines and structure notes
- Full-size mock-ups
- Print-ready artwork
- Proof checks and printer hand-off
From €6,200 per range
See the detailsPhotography commissions Still life, product, and architecture photographs, shot to a written list and a calm, warm grade.
- Shot list and pre-shoot plan
- Studio or location shoot days
- Edited, colour-graded images
- Web and print sizes
- Licence for your own brand channels
From €1,800 per shoot day
See the detailsServicescards
options:
layout: "cards"Five services, one pair of hands
Brand identity
A mark, a type system, and a colour palette that hold up from a price tag to a shop sign.
From €9,200 per project
See the detailsWeb design
Calm, fast websites that show the work clearly and make the next step obvious.
From €7,600 per project
See the detailsArt direction
A clear look for campaigns and product pictures, planned frame by frame before the shoot.
From €1,400 per day
See the detailsPackaging
Labels, boxes, and bags that read from across a shop and still feel considered at home.
From €6,200 per range
See the detailsPhotography commissions
Still life, product, and architecture photographs, shot to a written list and a calm, warm grade.
From €1,800 per shoot day
See the details
Servicesruled
options:
layout: "ruled"Five services, one pair of hands
Brand identity
A mark, a type system, and a colour palette that hold up from a price tag to a shop sign.
From €9,200 per project
See the detailsWeb design
Calm, fast websites that show the work clearly and make the next step obvious.
From €7,600 per project
See the detailsArt direction
A clear look for campaigns and product pictures, planned frame by frame before the shoot.
From €1,400 per day
See the detailsPackaging
Labels, boxes, and bags that read from across a shop and still feel considered at home.
From €6,200 per range
See the detailsPhotography commissions
Still life, product, and architecture photographs, shot to a written list and a calm, warm grade.
From €1,800 per shoot day
See the details
Servicestabs
options:
layout: "tabs"Five services, one pair of hands
Brand identity
A mark, a type system, and a colour palette that hold up from a price tag to a shop sign.
From €9,200 per project
See the details- Logo and wordmark
- Colour palette
- Type system
- Stationery and labels
- Brand guidelines (PDF)
- Editable source files
Web design
Calm, fast websites that show the work clearly and make the next step obvious.
From €7,600 per project
See the details- Site map and page outlines
- Phone and desktop designs
- Component library
- Clickable prototype
- Build or developer hand-off
- Recorded editing walkthrough
Art direction
A clear look for campaigns and product pictures, planned frame by frame before the shoot.
From €1,400 per day
See the details- Moodboard and written direction
- Shot list and schedule
- Set and prop sourcing
- Direction on set
- Final selection and grading notes
Packaging
Labels, boxes, and bags that read from across a shop and still feel considered at home.
From €6,200 per range
See the details- Label and surface system
- Dielines and structure notes
- Full-size mock-ups
- Print-ready artwork
- Proof checks and printer hand-off
Photography commissions
Still life, product, and architecture photographs, shot to a written list and a calm, warm grade.
From €1,800 per shoot day
See the details- Shot list and pre-shoot plan
- Studio or location shoot days
- Edited, colour-graded images
- Web and print sizes
- Licence for your own brand channels
Layouts: 2
Tools
Set in sections/tools-section.md or a page's toolsSection block. The services split layout shows the tools under its heading.
Toolstiles
options:
layout: "tiles"The craft behind each project
Toolsmarquee
options:
layout: "marquee"The craft behind each project
Layouts: 3
Stats
Set in sections/stats-section.md or a page's statsSection block.
Statsrow
options:
layout: "row"- Years in practice
- 11
- Projects shipped
- 140+
- Average rating from 86 reviews
- 4.9
- To answer a new enquiry
- 24h
Statscards
options:
layout: "cards"- Years in practice
- 11
- Projects shipped
- 140+
- Average rating from 86 reviews
- 4.9
- To answer a new enquiry
- 24h
Statsruled
options:
layout: "ruled"- Years in practice
- 11
- Projects shipped
- 140+
- Average rating from 86 reviews
- 4.9
- To answer a new enquiry
- 24h
Layouts: 2
About
Set in sections/about-section.md or a page's aboutSection block.
Aboutportrait
options:
layout: "portrait"Eleven years of designing for people who make things.
I learned design in a print shop, not on a screen. Setting type by hand taught me that a detail is felt before it is seen, and I still draw every identity that way, from the first sketch to the press check.
Since then I have worked with makers of every kind. Potters, paper mills, tea merchants, and linen weavers: small teams who know their craft and want a brand that sounds like them.
I keep my client list short on purpose. From my studio in Lisbon I take on a few projects at a time, reply within a day, and stay on until the last file is printed or live.
More about me
Where I've worked
Independent practice Brand designer and art director · Lisbon 2021 – Today
Identities, packaging, and print for small makers, from the first sketch to the press check.
Studio Ferrow Senior designer · Porto 2018 – 2021
Led packaging ranges for food and drink clients and ran the studio's print checks.
Quillmere Designer · London 2016 – 2018
Logo systems, type pairings, and launch campaigns for independent retail brands.
Tessel Print Works Junior designer · Lisbon 2015 – 2016
Set type by hand, mixed inks, and learned how paper changes a design.
Aboutstatement
options:
layout: "statement"Eleven years of designing for people who make things.
I learned design in a print shop, not on a screen. Setting type by hand taught me that a detail is felt before it is seen, and I still draw every identity that way, from the first sketch to the press check.
More about meWhere I've worked
Independent practice Brand designer and art director · Lisbon 2021 – Today
Identities, packaging, and print for small makers, from the first sketch to the press check.
Studio Ferrow Senior designer · Porto 2018 – 2021
Led packaging ranges for food and drink clients and ran the studio's print checks.
Quillmere Designer · London 2016 – 2018
Logo systems, type pairings, and launch campaigns for independent retail brands.
Tessel Print Works Junior designer · Lisbon 2015 – 2016
Set type by hand, mixed inks, and learned how paper changes a design.
Layouts: 2
Experience
Set in sections/experience-section.md or a page's experienceSection block. The about portrait layout shows these rows under the portrait.
Experiencelist
options:
layout: "list"Where I've worked
Independent practice Brand designer and art director · Lisbon 2021 – Today
Identities, packaging, and print for small makers, from the first sketch to the press check.
Studio Ferrow Senior designer · Porto 2018 – 2021
Led packaging ranges for food and drink clients and ran the studio's print checks.
Quillmere Designer · London 2016 – 2018
Logo systems, type pairings, and launch campaigns for independent retail brands.
Tessel Print Works Junior designer · Lisbon 2015 – 2016
Set type by hand, mixed inks, and learned how paper changes a design.
Experiencetable
options:
layout: "table"Where I've worked
| Company | Role | Years | Location |
|---|---|---|---|
| Independent practice | Brand designer and art directorIdentities, packaging, and print for small makers, from the first sketch to the press check. | 2021 – Today | Lisbon |
| Studio Ferrow | Senior designerLed packaging ranges for food and drink clients and ran the studio's print checks. | 2018 – 2021 | Porto |
| Quillmere | DesignerLogo systems, type pairings, and launch campaigns for independent retail brands. | 2016 – 2018 | London |
| Tessel Print Works | Junior designerSet type by hand, mixed inks, and learned how paper changes a design. | 2015 – 2016 | Lisbon |
Layouts: 3
Pricing
Set in sections/pricing-section.md or a page's pricingSection block.
Pricingsubscription
options:
layout: "subscription"By the month, or by the project.
Two ways in, both priced up front. A monthly seat for ongoing work, or a fixed quote for one project.
Agree the scope
A short call to set the work and the first week. The first invoice holds your month.
Send briefs as they come
By email or in a shared folder, one at a time: a label, a box, a landing page.
Go through it together
A weekly call on the drafts in progress. Source files follow every approval.
Your brand, packaging, and print in one pair of hands.
2 openings left this month
Monthly retainer
A set monthly fee for your regular brand and print requests. Suits teams that send work every week.
€6,400/ month
- One request in progress at a time
- First drafts the same week
- Brand, packaging, and print
- A weekly review call
- Source files with every delivery
- Rolling monthly terms
One-off project
A fixed quote for one identity, range, or campaign. Scoped on a call and priced before work starts.
- Price agreed up front
- Print and web files
- Handover to your printer
- A month of support
Pricingrates
options:
layout: "rates"By the month, or by the project.
Two ways in, both priced up front. A monthly seat for ongoing work, or a fixed quote for one project.
Brand identity
A new mark, type, and colour, or a careful refresh.
- Logo and wordmark
- Colour palette and type system
- Stationery and labels
- A short brand guide
From €9,200 / project
Packaging range
Labels, boxes, and bags that sit well together on a shelf.
- Label and surface system
- Dielines and structure notes
- Print-ready artwork
- Proof checks with your printer
From €6,200 / range
Art direction
Campaign stills and product shoots, planned and run on set.
- Moodboard and written direction
- Shot list and schedule
- Direction on set
- Final selection
From €1,400 / day
5 months still open
- Jan Booked
- Feb Booked
- Mar Open
- Apr Booked
- May Open
- Jun Booked
- Jul Booked
- Aug Open
- Sep Booked
- Oct Booked
- Nov Open
- Dec Open
Pricingcards
options:
layout: "cards"By the month, or by the project.
Two ways in, both priced up front. A monthly seat for ongoing work, or a fixed quote for one project.
2 months free with yearly billing
Part-time retainer
Two weeks of my time each month. For brands with a lighter but regular flow of requests.
€3,600/ month
- One request in progress at a time
- Drafts within three working days
- Brand and print
- A review call every two weeks
Monthly retainer
A set monthly fee for your regular brand and print requests. Suits teams that send work every week.
€6,400/ month
- One request in progress at a time
- First drafts the same week
- Brand, packaging, and print
- A weekly review call
- Source files with every delivery
- Rolling monthly terms
Priority retainer
Two requests in progress at once. For launches, seasonal ranges, and busy quarters.
€11,200/ month
- Two requests in progress at a time
- Brand, packaging, print, and launch
- Two review calls a week
- Source files with every delivery
Layouts: 2
Steps
Set in sections/steps-section.md or a page's stepsSection block. The pricing subscription layout shows the steps as a row under its heading.
Stepsrow
options:
layout: "row"From first call to final files.
One process, start to finish. You always know what happens next, and when.
Brief
A short call about your customers, the deadline, and what the work has to carry. A written scope follows the next day.
Direction
Two distinct routes, each shown on real items, so you choose the way your customers will see it.
Refine
Drafts every few days in one shared folder, with two rounds of changes on the chosen route.
Hand-off
Print-ready and web files, short guidelines, and a call to walk your team through them.
Stepstimeline
options:
layout: "timeline"From first call to final files.
One process, start to finish. You always know what happens next, and when.
Brief
Week 1
A short call about your customers, the deadline, and what the work has to carry. A written scope follows the next day.
Direction
Weeks 2–3
Two distinct routes, each shown on real items, so you choose the way your customers will see it.
Refine
Weeks 3–5
Drafts every few days in one shared folder, with two rounds of changes on the chosen route.
Hand-off
Week 6
Print-ready and web files, short guidelines, and a call to walk your team through them.
Layouts: 2
Logos
Set in sections/logos-section.md or a page's logosSection block.
Logosmarquee
options:
layout: "marquee"Recent clients
Logosgrid
options:
layout: "grid"Recent clients
Layouts: 3
Testimonials
Set in sections/testimonials-section.md or a page's testimonialsSection block.
Testimonialsgrid
options:
layout: "grid"In their words, not mine.
5.0 out of 5
Hugo spent a morning in the kiln room before he drew anything. The labels read like our glaze notebook, and our stockists noticed straight away.
Joel Ashcombe Founder, Marrow Kiln5.0 out of 5
He sent a shot list written as sentences, so everyone on set knew what each frame was for. We never reshot a single frame.
Ruairi Kell Co-founder, Saltmoor 4.8 out of 5
Clear scope, fixed price, and a weekly call that never ran over. The proofs arrived when he said they would, every time.
Matthias Oberle Managing director, Werrin Paper5.0 out of 5
Most designers send files and disappear. Hugo came to the press, pulled a test print himself, and adjusted the type on the spot.
Lior Mattes Co-owner, Corvane Press 5.0 out of 5
He kept every small colour decision on one shared sheet, so nothing was decided twice. Our shop staff now explain the fan without notes.
Dario Wrenfield Head of colour, Ravel & Hue4.9 out of 5
We asked for nicer gift bags and ended up with a tidier stockroom. Everything ships flat now, and the bags still look good on the counter.
Ezra Pellow Owner, Pellow & Co.
Testimonialsmarquee
options:
layout: "marquee"In their words, not mine.
5.0 out of 5
Hugo spent a morning in the kiln room before he drew anything. The labels read like our glaze notebook, and our stockists noticed straight away.
Joel Ashcombe Founder, Marrow Kiln5.0 out of 5
He sent a shot list written as sentences, so everyone on set knew what each frame was for. We never reshot a single frame.
4.8 out of 5
Clear scope, fixed price, and a weekly call that never ran over. The proofs arrived when he said they would, every time.
Matthias Oberle Managing director, Werrin Paper5.0 out of 5
Most designers send files and disappear. Hugo came to the press, pulled a test print himself, and adjusted the type on the spot.
5.0 out of 5
He kept every small colour decision on one shared sheet, so nothing was decided twice. Our shop staff now explain the fan without notes.
Dario Wrenfield Head of colour, Ravel & Hue4.9 out of 5
We asked for nicer gift bags and ended up with a tidier stockroom. Everything ships flat now, and the bags still look good on the counter.
Testimonialsspotlight
options:
layout: "spotlight"In their words, not mine.
5.0 out of 5
“Hugo spent a morning in the kiln room before he drew anything. The labels read like our glaze notebook, and our stockists noticed straight away.”
Joel Ashcombe Founder, Marrow Kiln5.0 out of 5
“He sent a shot list written as sentences, so everyone on set knew what each frame was for. We never reshot a single frame.”
4.8 out of 5
“Clear scope, fixed price, and a weekly call that never ran over. The proofs arrived when he said they would, every time.”
Matthias Oberle Managing director, Werrin Paper5.0 out of 5
“Most designers send files and disappear. Hugo came to the press, pulled a test print himself, and adjusted the type on the spot.”
5.0 out of 5
“He kept every small colour decision on one shared sheet, so nothing was decided twice. Our shop staff now explain the fan without notes.”
Dario Wrenfield Head of colour, Ravel & Hue4.9 out of 5
“We asked for nicer gift bags and ended up with a tidier stockroom. Everything ships flat now, and the bags still look good on the counter.”
Layouts: 3
FAQ
Set in sections/faq-section.md or a page's faqSection block.
FAQsplit
options:
layout: "split"Asked before every project.
Plain answers on scope, price, and files. If your question is not here, send it over and I reply within a day.
01What happens after I get in touch?
I reply within a day with a few questions about your goals, your dates, and your budget. If we are a good fit, a short call follows, then a written scope with a fixed price and a timeline.
02Do you work with my developer or printer?
Yes. I send print-ready files with written specs, check the first proofs, and stay on the thread with your developer until the site is live.
03How do you price a project?
Every project gets a fixed price, set from a written scope before work starts. If your needs change, we agree on the change in writing first, so the invoice never surprises you.
04When do I pay?
A project is paid in two parts: half to book the dates, the rest on delivery. The monthly plan is billed at the start of each month, by bank transfer or card.
05Who owns the final files?
You do. With the last payment, full rights pass to you, along with the editable source files and a short guide to using them.
Open for new projectsA question I missed? Ask it on a call.
A short video call about your project, your dates, and your budget. You leave with a clear next step, whether or not we work together.
24 hours at most for a reply
Book a first callFAQsingle
options:
layout: "single"Asked before every project.
Plain answers on scope, price, and files. If your question is not here, send it over and I reply within a day.
01What happens after I get in touch?
I reply within a day with a few questions about your goals, your dates, and your budget. If we are a good fit, a short call follows, then a written scope with a fixed price and a timeline.
02Do you work with my developer or printer?
Yes. I send print-ready files with written specs, check the first proofs, and stay on the thread with your developer until the site is live.
03How do you price a project?
Every project gets a fixed price, set from a written scope before work starts. If your needs change, we agree on the change in writing first, so the invoice never surprises you.
04When do I pay?
A project is paid in two parts: half to book the dates, the rest on delivery. The monthly plan is billed at the start of each month, by bank transfer or card.
05Who owns the final files?
You do. With the last payment, full rights pass to you, along with the editable source files and a short guide to using them.
FAQtwo-column
options:
layout: "two-column"Asked before every project.
Plain answers on scope, price, and files. If your question is not here, send it over and I reply within a day.
01What happens after I get in touch?
I reply within a day with a few questions about your goals, your dates, and your budget. If we are a good fit, a short call follows, then a written scope with a fixed price and a timeline.
02Do you work with my developer or printer?
Yes. I send print-ready files with written specs, check the first proofs, and stay on the thread with your developer until the site is live.
03How do you price a project?
Every project gets a fixed price, set from a written scope before work starts. If your needs change, we agree on the change in writing first, so the invoice never surprises you.
04When do I pay?
A project is paid in two parts: half to book the dates, the rest on delivery. The monthly plan is billed at the start of each month, by bank transfer or card.
05Who owns the final files?
You do. With the last payment, full rights pass to you, along with the editable source files and a short guide to using them.
Layouts: 3
Journal
Set in sections/journal-section.md or a page's journalSection block. The posts come from the blog.
Journalfeatured
options:
layout: "featured"Written down between projects.
Journalgrid
options:
layout: "grid"
Journallist
options:
layout: "list"
Layouts: 3
Call to action
Set in sections/call-to-action.md or a page's ctaSection block. Inner pages show it above the footer; hideCallToAction hides it.
Call to actioncard
options:
layout: "card"Every project starts with a short call.
Tell me what you are making and when it should launch. You get a reply within a day.
Call to actionband
options:
layout: "band"Every project starts with a short call.
Tell me what you are making and when it should launch. You get a reply within a day.
Call to actionsplit
options:
layout: "split"Every project starts with a short call.
Tell me what you are making and when it should launch. You get a reply within a day.
- Emailhello@example.com
- CallPick a time
- Based inLisbon, Portugal
Layouts: 2
Team
Set in sections/team-grid-section.md or a page's teamGridSection block.
Teamgrid
options:
layout: "grid"Who you will work with.
Two offices, one table. Design, code, production, photography, and strategy stay on your project from the first call to the final files.
Meet the whole studio
Teamstrip
options:
layout: "strip"Who you will work with.
Two offices, one table. Design, code, production, photography, and strategy stay on your project from the first call to the final files.
Meet the whole studioLayouts: 2
Gallery
Set in sections/gallery-section.md or a page's gallerySection block.
Galleryhorizontal
options:
layout: "horizontal"Slate water, and one grey sky
North Atlantic, Faroe Islands, 2022. Headlands and villages, shot from the cliff paths in October.
See the series
The headland above the bay. 
The village under the cliff. 
A house at the head of the valley. 
Surf from the cliff edge. 
Rain coming down the valley. 
The bay from the road. 
Roofs on the only flat ground. 
Cliffs in the wind.
Gallerymasonry
options:
layout: "masonry"Slate water, and one grey sky
North Atlantic, Faroe Islands, 2022. Headlands and villages, shot from the cliff paths in October.
See the seriesThe headland above the bay. The village under the cliff. A house at the head of the valley. Surf from the cliff edge. Rain coming down the valley. The bay from the road. Roofs on the only flat ground. Cliffs in the wind.
Layouts: 2
Next project
Set in sections/next-project-section.md or a project's nextProjectSection block. Project pages show it under the case study; here the first project stands in.
Next projectbanner
options:
layout: "banner"Next projectcards
options:
layout: "cards"Previous project
View projectCorvane Press
Print · 2023
Next project
View projectWerrin Paper
Branding · 2024
Layouts: 2
Contact
Set in sections/contact-section.md or a page's contactSection block (the contact page uses booking).
Contactform
options:
layout: "form"What are you making next?
A few details go a long way. Your budget and your dates help me reply with a real plan, not more questions.
- Emailhello@example.com
- Phone+1 (555) 010-0199
- StudioLisbon, Portugal
- Elsewhere
Contactbooking
options:
layout: "booking"What are you making next?
A few details go a long way. Your budget and your dates help me reply with a real plan, not more questions.
Prefer a conversation? Pick a time that works.
- A short video call, no slides and no preparation
- Your goals, your dates, and your budget, in plain words
- A written next step the same day
Site header and footer
The header and footer are shared by every page, so they are set once in config.toml instead of in a section file:
[settings.layout]
header = "pill" # pill | bar | overlay
footer = "wordmark" # wordmark | columns | emailA single page can use another layout with frontmatter, for example a photo page with a header over its hero image:
headerLayout: "overlay" # pill | bar | overlay
footerLayout: "email" # wordmark | columns | email
contactDock: false # hide the contact dock on this page| Layout | What it shows |
|---|---|
header pill | A floating glass pill with the menu, a contact button, and theme and language buttons; it compacts while you scroll |
header bar | A full-width glass bar: logo left, menu centered, button right; it hides while you scroll down |
header overlay | Transparent over a full-width hero photo, with light text; it turns into the pill after the hero |
footer wordmark | A dark band: two-line heading with a changing word, contact columns, menu row, and the site name set large |
footer columns | A heading line, link columns, a newsletter form, and copyright |
footer email | The email address set large with a copy button, social links, a small menu, and copyright |
Page templates
These layouts change a whole page, so they are set in the page’s own content file. Open an example to see each one.
| Template | Where to set it | Values and examples |
|---|---|---|
| Project detail | options.layout in a src/content/projects/ entry | default, a case study (example) · split, sticky facts beside the images (example) · gallery, a photo series (example) |
| Contact | contactSection.options.layout in src/content/contact/-index.md | form · booking (contact) |