Design style
Classic corporate
Trust through order: a calm blue, a clear hierarchy, a conventional layout and nothing that surprises.
See it live
Harbourline Assurance is a fictional insurance company home page, written for this library to show the Classic corporatestyle. Switch the width to see it at phone, tablet and desktop size.
Harbourline Assurance
Home, car, travel and business insurance
Insurance that is clear from the first page.
Harbourline has protected families and small businesses for over sixty years. Plain-language policies, fair prices and a real person to call when something goes wrong.
Get a quote in five minutesCompare our cover
- No hidden fees
- Claims line open day and night
- Cancel any time
- Policy
- Home, buildings and contents
- Excess
- £250
- Adviser
- Priya Lindqvist
- Monthly price
- £24.50
Renewal reminder sent 30 days before your policy ends.
Covered in three simple steps
No jargon and no long forms. Most customers are covered the same day.
Tell us what to cover
Answer a few short questions about your home, car or business. It takes about five minutes.
Choose your plan
Compare three clear levels of cover side by side, with the price for each shown up front.
You are covered
Your documents arrive by email the same day, and one named adviser looks after your policy.
Our insurance
Every policy comes with the same clear documents and the same named adviser.
Home insurance
Buildings and contents cover, including accidental damage and emergency repairs.
Get a quote for home insuranceCar insurance
Comprehensive cover with a courtesy car and a free windscreen repair service.
Get a quote for car insuranceTravel insurance
Single-trip and annual cover for medical costs, delays and lost luggage abroad.
Get a quote for travel insuranceBusiness insurance
Liability, property and equipment cover for small firms and sole traders.
Get a quote for business insurance
Trusted when it matters
- claims settled within ten working days
- 9 in 10
- average rating from 12,400 customer reviews
- 4.8 / 5
- protecting homes and businesses on the coast
- 62 years
“After the storm our adviser called us before we had even reported the damage. The roof was fixed in a week.”
“Clear prices, clear documents. I have moved all three of our shop policies to Harbourline.”
Ready for a quote?
Get a price online in five minutes, or speak to an adviser on weekdays from 8 am to 6 pm.
Get a quote onlineOr call 0800 555 0142
Copy the idea
The Classic corporate recipe — its principles, palette, type, spacing and rules — ready to paste into a design tool or an AI assistant.
The recipe
The idea
Trust through order: a calm blue, a clear hierarchy, a conventional layout and nothing that surprises.
Use it when
- Insurance, banking, legal and public services
- B2B companies that sell reliability
- Audiences that value clarity over flair
Avoid it when
- The brand needs to feel young or rebellious
- The goal is to be memorable above all
Principles
- A trustworthy blue as the only strong colour
- A clear heading hierarchy and short paragraphs
- Conventional layout: nav, hero, three-step explanation, proof, contact
- Plenty of white and light-grey sections
- Plain icons and simple diagrams
- Calls to action are clear and repeated
Colour
- White (background): #ffffff
- Ice (surface): #f4f7fb
- Navy ink (text): #1d2733
- Steel (muted): #4f5d6e
- Trust blue (accent): #1f5aa6
- Line grey (border): #d5dde8
- Text on background contrast: 15.11:1 — passes AA
Type
- Headings: Source Sans 3, weights 600 and 700 — Solid and neutral
- Body: Source Sans 3, weights 400 — Plain and very readable
- Scale: 14px, 16px, 18px, 24px, 34px, 48px
- One neutral sans in a moderate scale; nothing decorative.
Spacing and shape
- Base unit: 8px
- Spacing steps: 8px, 16px, 24px, 40px, 64px
- Regular, predictable section spacing.
- Corner radii: 4px, 8px
- Borders: Light grey lines around cards and forms
- Shadows: Small and subtle
Imagery and motion
- Imagery: Simple line icons and clean diagrams; no abstract art.
- Motion: Minimal; short fades only.
Do
- Keep one clear call to action per section
- Explain in three simple steps
- Show proof: numbers and short quotes
Don't
- No playful fonts
- No more than one strong colour
- No surprising layouts
Similar styles
Styles that share the most of Classic corporate's mood, density, era and warmth.
- Editorial magazineReads like a well-set magazine: confident serif headlines, generous columns, pull quotes and fine rules.See the example
- Swiss gridA strict grid, big sans-serif type and asymmetric layout do all the work; nothing is there for decoration.See the example
- Dark luxuryQuiet expense: a deep dark ground, a refined serif, thin gold lines, slow fades and very little on screen.See the example
Palette
- White
- Ice
- Navy ink
- Steel
- Trust blue
- Line grey
Text on background: 15.11:1 — passes AA
Type
The quick brown fox jumps over the lazy dog
Solid and neutral
The quick brown fox jumps over the lazy dog
Plain and very readable
- 48pxThe quick brown fox jumps over the lazy dog
- 34pxThe quick brown fox jumps over the lazy dog
- 24pxThe quick brown fox jumps over the lazy dog
- 18pxThe quick brown fox jumps over the lazy dog
- 16pxThe quick brown fox jumps over the lazy dog
- 14pxThe quick brown fox jumps over the lazy dog
One neutral sans in a moderate scale; nothing decorative.
Spacing and shape
Spacing on a 8px base
Regular, predictable section spacing.
Corners, borders and shadows
- 4px
- 8px
- Borders
- Light grey lines around cards and forms
- Shadows
- Small and subtle
Do and don't
Do
- Keep one clear call to action per section
- Explain in three simple steps
- Show proof: numbers and short quotes
Don't
- No playful fonts
- No more than one strong colour
- No surprising layouts
Compare with…
See Classic corporate side by side with another style, and what differs.