Templates
Warm portfolio template
Soft off-white, warm orange details. A calm, light portfolio for people who would rather let their work and their words lead.
The preview is the real template filled with sample content. Your site replaces every word and image in it.
How it is designed
Three decisions carry the look. They are fixed: Warm is a finished design, not a starting point you restyle.
Type
Serif headings over a generous measure, set for reading rather than for impact.
Colour
Soft off-white paper, near-black ink and warm orange used sparingly on links and dates.
Motion
Static by design. The only movement is the photo strip, which scrolls horizontally.
The palette
The four colours the template builds everything else from.
Canvas
#FBFAF9
Page backgroundInk
#1A1A1A
Headings and body copyAccent
#FF5900
Links and project namesCard
#FFFFFF
Surfaces on the canvas
What is on the page
One long scrolling page. It opens on your name, your headline, the line under it and your photo — the screenshot above is that opening screen with sample content in it — and then runs through six blocks, all fed from a single profile you fill in once, by hand or by pasting your LinkedIn URL and correcting what it gets wrong.
About you
Your bio, and the three or four numbers you want to lead with — years working, clients, projects shipped. You write the number and its label, so they say whatever is true of you.
Services
What you take on, each one a short list of what is included, so someone can see the shape of an engagement before they email you.
Skills and tools
Your skill tags and the software you work in. Tools we have a mark for are drawn with their own brand logo; anything else renders as a text tile rather than a missing icon.
Work
Each project carries a cover image, a category, a description and an optional link out. You add, edit and reorder them on their own screen, and the order you set is the order visitors see.
Testimonials
A quote, who said it, and their role. Leave the list empty and no template renders the section — you get a shorter page, not an empty heading.
Contact
Your email, location, phone and profile links, plus a message form behind a button pinned to the corner of the page, so a visitor can write to you from anywhere on it. Enquiries are saved to your account and listed under Leads, not left to an inbox filter.
All four templates read that same profile, and all six blocks appear in all four. What changes is the arrangement: one gives testimonials a section of their own, another folds them into its closing panel; one stacks projects as full-height cards that pin as you scroll, another lays them out as a strip you swipe through. That is the honest description of the choice in front of you — you are picking a treatment, not a feature set.
The list above is the whole surface. There is nothing else to fill in, no second page type to keep up to date, and no section that only appears once you have paid for it.
What you can change
The line between your content and the template’s design is drawn deliberately, and it sits in the same place for all four. It is worth knowing where before you start.
Yours to change
Your words and pictures. Every heading, paragraph, statistic, project and quote stays editable after the site is live — from the website screen in your dashboard, or by describing the change in the chat there and letting it rewrite the section for you.
Your photo. Swap the hero photo whenever you like. Warm has no logo slot — it signs the page with your name — so a logo you upload is kept for a template that does show one.
Not the accent colour. The four accent presets in your settings — coral, lime, sky and violet — recolour the dark template only. Warm keeps the palette above whichever preset your account has saved.
The template itself. One setting, and reversible. Your content is stored apart from the design, so switching re-renders the same profile in a different look rather than asking you to write it again.
Where it lives. Publish and unpublish whenever you want, rename the free subdomain you were given when you signed in, or point a domain you already own at the same site.
Fixed by the template
The order and the set of sections. No drag-and-drop, no page builder. You cannot lift your work above the fold, hide the services block or add a section of your own.
The type, the colour and the motion. The three decisions above are the template. Changing them would make it a different one — which is what switching template is for.
The layout. Column widths, card shapes, the spacing between blocks. They are fixed, and fixed the same way for every site running Warm.
The code. There is no custom CSS and no theme file to edit, and nothing to host or deploy. The trade runs both ways: there is also nothing here you can break.
That right-hand column is a real limit, not a phase we are working through. If arranging the page is the part you actually want to do, no template here will satisfy you and it is better to know now. If it is the part that has kept your portfolio unpublished for two years, it is the point.
How it reads on a phone
Your link will mostly be opened on a phone — in a message, in a job application, in a bio. There is one site and one address behind it: the same page serves every screen, so there is no mobile version to keep in step.
On a narrow screen the layout collapses to a single column. Split rows stack, project images run the full width, and display type steps down to a smaller size rather than being shrunk — so headings stay as crisp as they are on a desktop. Nothing is dropped to make room: where a layout genuinely cannot survive the narrower column it is swapped rather than deleted, so a wide grid becomes a strip you swipe and a floating cluster becomes a row that scrolls past. The contact button stays in the corner at every width.
Scroll-driven effects check your visitor’s reduce-motion setting first and hold still when it is switched on, which also spares a slower phone the work. The one thing worth checking yourself before you publish is your headline: Warm sets it large, and a long one takes more lines on a phone than it does here. Open the live preview on your own handset — it is the same code your visitors will get.
Who it suits, and who it does not
Warm is built for writers, consultants and anyone whose words do more selling than their visuals.
If that is roughly the work you want to show, you will not spend any time fighting the design. You add your projects, your writing and your links; the template decides how they look. Warm commits to one look — soft off-white, warm orange details — and that commitment is what makes it work.
It is the wrong choice in two cases. The first is wanting to art-direct the page yourself: see the fixed column above, because that is the whole answer. The second is having little to show yet. The page is built around work — projects with covers, a few numbers, a line from someone who has hired you — and while empty blocks drop out rather than sitting there blank, one project and no testimonials still reads as one project and no testimonials. Spend the evening on the content instead; the site takes minutes once you have it.
And if soft off-white, warm orange details is not the first impression you want to make, do not try to soften it — Warm makes that impression whatever you put in it. The useful question is not which of the four is best but which first impression fits your work: Noir is pure black canvas, coral highlights; Spotlight is colour-shifting panels, condensed display type; Halftone is violet halftone hero, oversized uppercase type. All four hold the same content, so the decision is only ever about the impression — and it is one click to change your mind.
The other three templates
Same sections, same content, a different design. Have a look before you decide.
Put your
own work in it
Sign up with Google or email, answer a handful of questions, and your site goes live on a free subdomain in the Warm template. It costs nothing, and you can change template whenever you like.