Style Guide

Version 1.0
Global Heading tags

All H1 Headings

All H2 Headings

All H3 Headings

All H4 Headings

All H5 Headings
All H6 Headings
Heading Classes

heading-xxlarge

heading-xlarge

heading-large

heading-medium

heading-small

heading-xsmall

heading-xsmall

Texts

text-size-xxhuge
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni

text-size-xhuge
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni

text-size-huge
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni

text-size-xlarge
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni

text-size-large
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet,

text-size-medium
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet,

text-size-regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet,

text-size-small
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet,

text-size-xsmall
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet,

text-size-tiny
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet,

text-style-link
text-style-italic
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet,
text-style-muted
text-style-strikethrough
text-style-allcaps
text-style-lowercase
text-style-nowrap
text-style-quote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet,

text-style-2lines
Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Suspendisse varius eni Lorem ipsum dolor sit amet,

text-style-3lines
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse varius eni Lorem ipsum
dolor sit amet,

text weights
text-weight-light
text-weight-normal
text-weight-medium
text-weight-semibold
text-weight-bold
text alignments
text-align-left
text-align-center
text-align-right
text colors
text-color-black
text-color-blue
text-color-grey
Rich Text

Heading1

Heading2

Heading3

Heading4

Bold

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

  • Just double-click and easily create content.
  • Just double-click and easily create content.
  • Just double-click and easily create content.
  • Just double-click and easily create content.

This is a link

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
POSt Text

Heading1

Heading2

Heading3

Heading4

Heading 5

Bold

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

  • Just double-click and easily create content.
  • Just double-click and easily create content.
  • Just double-click and easily create content.
  • Just double-click and easily create content.
  1. Just double-click and easily create content.
  2. Just double-click and easily create content.
  3. Just double-click and easily create content.
  4. Just double-click and easily create content.

This is a link

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
text Spans
(Template specific globals)

text-span-primary

text-span-bubble

CALLS TO ACTION
Insurance for bookkeepers
Professions
Bookkeepers insurance

The law doesn't require you to have any kind of bookkeeper's insurance but no matter how diligent you are...

Learn more
Two IT consultants.
Smart insurance for the self-employed

Simply-priced, hassle free and done in a jiffy

Get a price
Man in a suit carrying a laptop and briefcase standing next to a woman in a suit.
Professional indemnity insurance

Find out what it would cost.

Get a price
Torn contract.
Insurance

Professional indemnity

Provides you with legal defence against claims of professional mistake or negligence causing a financial loss to your clients.

Learn more
At Suited

We offer professional indemnity retroactive cover which can cover your work up to 6 years in the past.

A man in retro clothes.
At Suited

You can insure up to £10,000 of electronic equipment, with items up to £3,500 each.

Electronic business equipment insurance.
perks
Gorilla Accounting

1st month free

Switch to Gorilla Accountancy, we will provide your first month free.

Learn more
A cartoon of a bear and a man hibernating their insurance.
Magazine
What does ‘hibernate’ mean in professional indemnity insurance?
Read article
Professions pages
Title text here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Product pages
Red silhouette of cartoon woman lawyer.
Legal costs & professional fees

The core element provides up to £100,000 cover for:

IR35 & HMRC investigations

Legal matters concerning your business

Negative PR (£25,000 cover)

Criminal prosecution

Compliance & regulation issues

Unpaid invoices (over £200)

Color Palatte
Blue
Light Blue
Aqua
Light Aqua
Red
Dark Grey
Medium Grey
Text Bubble
Icons Background
Accent Gradient
buttons and links
All Links
Dropdown
section Backgrounds
Icons Sizes
Social media Icons
Table of contents
This is some text inside of a div block.
This is some text inside of a div block.
Chat images
Welcome to Suited chat.