Hemastatx
‍‍Styleguide

Colors

Primary Palette

BRAND COLOURS

Dark Blue

100

Dark Blue

80

Dark Blue

60

Dark Blue

40

Dark Blue

20

Dark Turquoise

100

Dark Turquoise

80

Dark Turquoise

60

Dark Turquoise

40

Dark Turquoise

20

Turquoise

100

Turquoise

80

Turquoise

60

Turquoise

40

Turquoise

20

Secondary Palette

Accent colors

Vanilla

100

Vanilla

80

Vanilla

60

Vanilla

40

Vanilla

20

Typography Palette

HEADING & PARAGRAPH

Text Dark

100

Text Medium

100

Text Light

100

Text Extra Light

100

White

100

Typography Styles

Headings

Targeting the Mechanism Behind Bleeding

Satoshi Bold 68px/110%

Heading 1

Satoshi Bold 48px/110%

Heading 2

Satoshi Bold 38px/110%

Heading 3

Satoshi Bold 32px/120%

Heading 4

Satoshi Bold 26px/135%

Heading 5

Satoshi Bold 22px/150%

Heading 6

Satoshi Bold 18px/130%

Uppercase

Satoshi Black 12px/120%

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 Emphase

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

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 Standard

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

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 Tiny

Quotes & Lists

Quotes

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

Quote 1

Default

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

Quote 2

Italic

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

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

Item 1
Item 2
Item 3

Unordered list

Item A
Item B
Item C

Bold text

Emphasis

^Superscript

_Subscript

Buttons

Button Primary

Button Primary

Button Light

Button Accent

Button Secondary

Button Outline

Button Dark Background