Pistach
‍‍Styleguide

Colors

Primary Palette

BRAND COLOURS

Purple

100

Purple

80

Purple

60

Purple

40

Purple

20

Typography Styles

Headings

Un agence créative pour vos contenus

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.

Satoshi Medium 36px/130%

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.

Lato Medium 24px/150%

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.

Lato Medium 18px/150%

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.

Lato Medium 16px/150%

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.

Lato Medium 14px/150%

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

En tant qu'agence de communication multidisciplinaire, nous vous accompagnons dans tous vos projets, de la conception à la diffusion, pour renforcer votre image de marque et maximiser votre impact

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