A LITTLE ABOUT US
A simple label gives the next section context.
DESIGN INSPIRATION
A little inspiration.
A lot of possibility.
Find a feeling. Try an interaction. Make it your own.
Explore colour, type and the details that make a design feel right.
You don’t need the right words.
Just show us what you like.
Just show us what you like.
01 / COLOURS & FONTS
Same design.
A different feeling.
Choose prepared colours and fonts. The layout stays the same, so you can see what each choice changes.
A clear sans-serif heading and body pairing. Preset comparison only; your final design is tailored to your brand.
Starting pointMake room for
harbour studio ↗
THOUGHTFUL EVERYDAY DESIGNMake room for
everyday good.
Useful objects. Considered details.
A little more care in the everyday.
Your choice · Quietly colourful / Clean & modernMake room for
harbour studio ↗
THOUGHTFUL EVERYDAY DESIGNMake room for
everyday good.
Useful objects. Considered details.
A little more care in the everyday.
02 / ANIMATION
Give a moment
a little intention.
Try a short entrance or a clear piece of feedback. Useful motion has a purpose, and works just as clearly without moving.
Illustrative motion · Headline reveal
Make roomfor somethingdifferent.
Reduced motion is enabled. The static version is shown.
03 / COMPONENTS & ELEMENTS
The details that do the work.
Compare the small parts of a page, then try the useful interactions behind them.
MADE WITH CARE
A small mark adds a touch of character.
THE NEXT CHAPTER
A soft accent can highlight one useful detail.
Follow your curiosity.
Original concepts. Real possibilities.24 ideas to explore Open an idea to try it
Ink-black type, paper-white space and one sharp orange accent.
EditorialButter yellow, deep blue and playful type for a neighbourhood café.
WarmClay, cream and architectural forms with an unhurried serif.
OrganicCobalt, acid lime and an oversized studio statement.
ModernA complete shop direction with product categories and a closer look.
ModernAn advisory homepage that leads from a strong introduction into expertise.
EditorialAn expressive events page with a short, welcoming planning journey.
WarmAn image-led architecture journal with a project index and changing feature.
OrganicOlive and cream with editorial typography for a calmer kind of confidence.
OrganicPlum, jade and a little breathing room. Our own palette, opened up.
ModernA project gallery that switches between spaces and materials.
OrganicA teal service panel with tabs for strategy, design and delivery.
ModernA warm quote carousel with a clear way to move between voices.
WarmA product card with a colour choice that responds immediately.
OrganicA focused comparison with a simple monthly and yearly switch.
ModernA tidy accordion that makes space for the questions that matter.
EditorialA short guided enquiry that gives each decision its own space.
ModernPick a day, choose a time, and review before confirming.
WarmA sculptural product responds to a deliberate change of perspective.
OrganicA softly expanding answer with motion that follows the content.
WarmA chapter-by-chapter project reveal with a clean editorial rhythm.
EditorialA crisp sliding panel that connects each tab to its content.
ModernA gentle staggered reveal that gives a headline a little rhythm.
EditorialA button that acknowledges an action with a subtle change of state.
ModernA FEW MORE PLACES TO LOOK
Find a little more inspiration.
Our collection is a starting point. Browse these places too, and bring us the links that catch your eye. We’ll help shape a direction that fits your business.
DribbbleColour, layouts and the little details.BehanceComplete projects and the thinking behind them.AwwwardsWebsites with a distinct feel and a little movement.
A colour, a layout, a feeling. You don’t need to know the design terms.
04 / HERO PATTERNS
Choose a strong
first impression.
Your opening section should make the offer and the next step clear. Compare five ways to put those pieces together.
harbour studio Concept preview
GOOD THINGS START HEREMake room for
Make room for
something good.
Thoughtful spaces and everyday objects,
made with a little more care.
Centred headline
A focused offer with one clear next step.
Illustrative hero section. This is a composition reference, not a website template.FROM “I LIKE THAT” TO SOMETHING YOURS
A starting point.
Never a one-size-fits-all.
Collect what catches your eye
Save an idea here, or bring a link from anywhere you like. Different references help us find your direction.
Tell us what feels right
A colour, a movement, the way a page flows. Tell us what caught your eye — we’ll help you put it into words.
We build around your business
Together we turn the references into a design with your customers and goals in mind.
LET’S MAKE IT FEEL LIKE YOU
Found something you like?
Bring your shortlist, a link, or just a feeling. We’ll help shape it around your business.