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

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

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 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

Submit
Button Hover
Submit
Button Outline
Submit
Button Outline

Button Light