Website Portfolio 01—04
Four websites, each from a blank page.
Four live sites, each designed and built for an independent business with something real to say.
Live site · Picture-book website
Birds of Praa
A picture-book website for Morris — The Story of a Cornish Puffin, built so a browsing parent understands the book in seconds. Warm editorial type, real rescue stories, and one clear route to buying the book.
Inside the site
Opens on the promise — real rescue stories, brought to life for little readers — with the book one tap away.
The story of Morris, told with the book’s own illustrations.
The real Morris: storybook paintings set beside photographs of the real puffin.
The people behind it — the author, and the two rescuers whose birds become the books.
A series built to grow: Bluff the Chough is next, with more rescues on their way.
Every book helps real wildlife — and the way to buy it is never far away.
Design kit
Palette
- Cream
#FBF6EC - Paper
#F4EBDA - Mist
#E3ECEC - Sea green
#CFE0D5 - Deep blue
#2D5566 - Ink
#1F3138 - Coral
#D0522A
Type
Fraunces
Headlines
Real rescue stories.
Figtree
Body text & buttons
Live site · Label & studios hub
NIGHTCITY
MEDIA
The home of the NIGHTCITY family: one page that introduces a record label and two web studios run by one small team — NIGHTCITY RECORDS, NIGHTCITY WEB and SEPHYR — each with its own colour and route in. A sister business under the same parent company as SEPHYR DESIGN.
Inside the site
One page for one small team running three businesses: a record label and two web studios.
What we do, side by side — each business gets its own card, colour and route in.
Why music and websites? The story that ties them together, then one place to get in touch.
Design kit
Palette
- Night
#150C1A - Plum
#2B1633 - Paper
#F3EEE6 - Lavender
#C9BDF2 - Records
#B4B8FF - Web
#FF8A66 - Sephyr
#F2C879
Type
Instrument Sans
Headlines & navigation
NIGHTCITY MEDIA
Instrument Serif
Accents & body
side by side.
Live site · Holiday-let website
Ship Ashore
A holiday-let website for a ship-inspired cabin on Penzance Harbour. Classic Caslon headlines, calm harbourside photography, the cabin and garden room by room — and booking on Airbnb from the very first screen.
Inside the site
A little berth. A world of your own. Booking on Airbnb sits in the very first screen.
The cabin at a glance — setting, garden, entrance and sleeping.
Room by room: the bedroom, terrace, kitchen and dining nook.
A garden of your own, with three places to settle.
A glimpse aboard — a gallery of the cabin, the garden and the harbour.
Penzance on your doorstep, and every practical detail before you arrive.
Design kit
Palette
- Ivory
#FAF6EE - Sand
#F2ECDF - Sea pale
#E6EFE9 - Sea
#6E9E8C - Sea deep
#2E6557 - Ink
#16263F
Type
Libre Caslon Display
Headlines
A little berth.
Hanken Grotesk
Body text & details
Live site · Jewellery maker website
Els-y-Môr
A shop-window website for Els-y-Môr, handmade sea glass jewellery from the Welsh coast. Soft serif headlines, natural-light photographs of every piece, and an unhurried route from the shoreline story to the collection.
Inside the site
Opens on the jewellery itself — handmade sea glass from the Welsh coast — with the collection one tap away.
The collections side by side: necklaces, anklets and sea glass art.
Chosen from the tideline: featured pieces, each with a name, a short description and a price.
From shoreline to jewellery — how every piece is found, selected, wrapped and finished by hand.
No two pieces are quite the same: the sea glass itself, colour by colour.
The maker’s story, the shoreline in photographs, and one clear route to find your piece.
Design kit
Palette
- Sand
#EDE5D8 - Shell
#F8F6F1 - Sea mist
#EEF2EE - Sea foam
#DCE7DF - Driftwood
#DCCDB8 - Deep sea
#1F4B47 - Copper
#94502A - Ink
#1C2826
Type
Instrument Serif
Headlines
shaped by the sea.
Instrument Sans
Body text & labels
