Websites you can open before you order one.
Two questions decide what your site looks like, and most people are only ever asked the second. The first is what it has to do — sell, book, publish, show. The second is how it should look. Here they are separated, so you can answer them one at a time and see the answer immediately.
What does your site have to do?
Not what trade you are in — what the site is for. A dentist and a bistro both need a price list; a joiner and a photographer both need a wall of finished work. Pick the job and you get five arrangements built for it.
Blog or magazine
What have you published, and in what order should I read it?
Articles, sections and an archive that stays readable after three hundred posts. Chosen when the writing is the product.
5 arrangements
Online store
What do you sell, what does it cost, and how do I pay?
A catalog, a product page, a cart and a checkout run by Shopify in your own name. Chosen when you ship orders.
5 arrangements
Portfolio
What have you already made?
Finished work shown large, with the detail a serious enquiry asks for. Chosen when you are judged on the last thing you delivered.
5 arrangements
Sales page
One offer, one page, one decision.
Everything a buyer needs on a single page, ending in one button. Chosen for a product, a course or a launch.
5 arrangements
Brochure site
Who are you, what do you do, and where do I find you?
Four or five pages that answer the questions you answer on the phone every week. The commonest site, and the right one more often than people think.
5 arrangements
Booking site
When are you free, and how do I book?
Real availability, a choice, and a confirmation that reaches you both. Chosen when your time or your rooms are the thing being sold.
5 arrangements
Menu and price list
What is there today, and what does it cost?
A card or a price list that can be rewritten in two minutes from a phone. The most-read page on any small business site.
5 arrangements
Event site
When, where, what is on, and which ticket?
A date, a schedule, the people and the way in. Chosen when the site has a deadline of its own.
5 arrangements
Personal site
Who is this person, and how do I reach them?
A name, what you do, what you are doing now, and one way to write to you. Chosen by anyone who is their own business.
5 arrangements
Documentation
How does it work, and where is the answer to my question?
A sidebar, pages that answer one question each, a reference and a changelog. Chosen when support costs more than the site would.
5 arrangements
And how should it look?
30 graphic systems: color, lettering, corners, how much air. Any of them can be applied to any of the 50 arrangements, which is 1500 pages you can actually open. Every contrast ratio is calculated and printed on the style's own page.
A short menu
Cooked the same morning, written after the market.
Editorial
Cream paper, a high-contrast serif, and a deep red used once.
A short menu
Cooked the same morning, written after the market.
Swiss
A grid, a signal red, and nothing that is not carrying information.
A short menu
Cooked the same morning, written after the market.
Brutalist
Black rules three pixels wide, a blue link, and no rounded corner anywhere.
A short menu
Cooked the same morning, written after the market.
Night
A dark page, a cyan that only marks what you can act on, raised surfaces.
A short menu
Cooked the same morning, written after the market.
Soft
Violet, rounded corners, and more air than the content strictly needs.
A short menu
Cooked the same morning, written after the market.
Monochrome
Black and white only. With no colour to spend, the type does every job.
A short menu
Cooked the same morning, written after the market.
Warm
Sand paper, forest green, and a serif set for reading rather than for effect.
A short menu
Cooked the same morning, written after the market.
Technical
Blue, tight spacing, and monospaced labels on everything measurable.
A short menu
Cooked the same morning, written after the market.
Luxe
Black and gold, wide-tracked capitals, and a great deal of empty space.
A short menu
Cooked the same morning, written after the market.
Vivid
White page, headlines as big as they will go, one orange-red.
A short menu
Cooked the same morning, written after the market.
Aurora
Deep violet night, soft glowing panels that seem to float.
A short menu
Cooked the same morning, written after the market.
Neon
Near-black ground, one electric green line, panels that glow at the edge.
A short menu
Cooked the same morning, written after the market.
Clay
Puffy rounded shapes in warm pastels, as if modelled by hand.
A short menu
Cooked the same morning, written after the market.
Relief
Grey surfaces that rise and sink like pressed plastic.
A short menu
Cooked the same morning, written after the market.
Holographic
Pale lilac with a magenta that catches the light.
A short menu
Cooked the same morning, written after the market.
Cyber
Black and signal yellow with hard, offset blocks.
A short menu
Cooked the same morning, written after the market.
Dusk
Indigo sky with a coral horizon.
A short menu
Cooked the same morning, written after the market.
Stacked
Flat cards stacked like paper, each one casting a hard step of shadow.
A short menu
Cooked the same morning, written after the market.
Isometric
Pale blue, blocks that sit on an invisible diagonal grid.
A short menu
Cooked the same morning, written after the market.
Blueprint
Drawing-office blue with white lines and a yellow note.
A short menu
Cooked the same morning, written after the market.
Terminal
A dark screen, green text, a cursor that never leaves.
A short menu
Cooked the same morning, written after the market.
Pastel Pop
Light lilac, bubblegum shadows and a bold violet.
A short menu
Cooked the same morning, written after the market.
Y2K
Silver-blue, glossy edges and a cobalt that nods to 2000.
A short menu
Cooked the same morning, written after the market.
Retro Wave
Purple dusk with hot pink outlines.
A short menu
Cooked the same morning, written after the market.
Deep Forest
Dark green, layered like canopy, with a fresh leaf accent.
A short menu
Cooked the same morning, written after the market.
Ocean
Deep teal water with a bright surface line.
A short menu
Cooked the same morning, written after the market.
Sunset
Warm apricot light with a burnt-orange accent.
A short menu
Cooked the same morning, written after the market.
Candy
Sweet pinks, round corners and a stripe of raspberry.
A short menu
Cooked the same morning, written after the market.
Obsidian
Volcanic black with a thin gold edge.
A short menu
Cooked the same morning, written after the market.
Paper Cut
White sheets layered on cream, each with a real edge of shadow.
Not sure which one? The configurator proposes the arrangement and the style.
You do not have to choose from this catalog on your own. Tell the configurator what you do and it fills in an arrangement and a style that fit, which you can change at any time.