Official style guide of Link My Books

Use this style guide template to quickly stay aligned with the brand and visual direction of Link My Books. This page is the source of global styles of typography, colours & elements across the whole site and brand.

Overview

Meet Link My Books – the easiest and fastest way to automate your eCommerce bookkeeping by connecting your Amazon Seller account to Xero or Quickbooks. Perfect for entrepreneurs who sell on Amazon or eCommerce accountants to save time from manual data entry that is prone to human error.

Set up accurate Amazon accounting in less than 15 minutes. All plans include a free 14 day trial and no credit card is required to get started.

Trademark

Logos and icons

Colour Palette

Primary Palette

Brand colours

Orange 900

#c96924

Orange 700

#f77e46

Orange 600

#ff9957

Orange 500

#ffbc8b

Orange 300

#ffddc5

Orange 100

#fff7f2

Teal 900

#009cbb

Teal 700

#00bde3

Teal 600

#01d2fc

Teal 500

#4ddffd

Teal 300

#e4faff

Teal 100

#ebfbff

Secondary Palette

GRADIENT

Red 900

#c02634

Red 700

#dc3544

Red 600

#f14a59

Red 500

#f5808b

Red 300

#fac0c5

Red 100

#fef1f2

Green 900

#1e8a5e

Green 700

#2db37c

Green 600

#46d39a

Green 500

#7ee0b8

Green 300

#bef0dc

Green 100

#f0fbf7

Purple 900

#4317c0

Purple 700

#5a27ed

Purple 600

#6a35ff

Purple 500

#9672ff

Purple 300

#cbb8ff

Purple 100

#f3efff

Pink 900

#c150b5

Pink 700

#dc73d1

Pink 600

#ed9ae4

Pink 500

#f2b8ec

Pink 300

#f9dcf6

Pink 100

#fef7fd

Typography Palette

HEADING & PARAGRAPH

Grey 900

#2d3958

Grey 700

#546285

Grey 600

#7b88a8

Grey 500

#bcc4da

Grey 300

#e6eaf5

Grey 100

#f8faff

Typography Styles

Font: Inter by Google

Headings

Aa Bb Cc Dd Ee

Extra big H1

4em (64px)

Color: Gray 900

Aa Bb Cc Dd Ee

Heading 1

3em (48px)

Color: Gray 700

Aa Bb Cc Dd Ee

Heading 2

2em (32px)

Color: Gray 700

Aa Bb Cc Dd Ee

Heading 3

1.5 em (24px)

Color: Gray 700

Aa Bb Cc Dd Ee

Heading 4

1.25em (20px)

Color: Gray 700

Aa Bb Cc Dd Ee

Heading 5

1em (16px)

Color: Gray 700

Aa Bb Cc Dd Ee

Heading 6

0.75em (12px)

Color: Gray 700 all caps

Paragraph

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Paragraph Large

1.25em Bold

Color: Gray 900

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Paragraph Normal

1em (16px)

Color: Gray 600

Paragraph Small

0.75em (12px)

Quotes & Lists

Quotes

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Quote 1

1.5em (24px) Default

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Quote 2

Coloured

Lists

Example Item 1
Example Item 2
Example Item 3

List Dots

Example Item 1
Example Item 2
Example Item 3

List Numbers

Example Item 1
Example Item 2
Example Item 3

List Letters

Buttons

Button Primary

Become a referral partner

Button Primary

Submit

Button Hover

Submit

Button Outline

Submit

Button Outline

Button Light

Submit

Brand identity

Elements

Official style guide of Link My Books

Overview

Trademark

Trademark

Logos and icons

Colour Palette

Primary Palette

Brand colours

Secondary Palette

GRADIENT

Typography Palette

HEADING & PARAGRAPH

Typography Styles

Font: Inter by Google

Headings

Aa Bb Cc Dd Ee

Aa Bb Cc Dd Ee

Aa Bb Cc Dd Ee

Aa Bb Cc Dd Ee

Aa Bb Cc Dd Ee

Aa Bb Cc Dd Ee

Aa Bb Cc Dd Ee

Paragraph

Quotes & Lists

Quotes

Lists

Buttons

Button Primary

Button Light