Style guide Due Legal

Icon
Colors
Azul Primario
#13365a
Azul 2
#28264d
Azul 3
#48468c
Gris 1
#69778c
Gris 2
#96a9b3
Gris 3
#e4e8ed
Orange
#ef5800
White Smoke
#ffffff
White
#ffffff
Icon
Typography
Size
Line height
Weights

H1

75px
85px
Semibold

H2

55px
65px
Semibold

H3

40px
50px
Semibold

H4

30px
28px
Semibold
H5
24px
26px
Semibold
H6
20px
22px
Semibold

Body font

18px
28px
Semibold

Menu font

19px
25px
Medium

Button font

16px
26px
Medium
Icon
Shadows
Small
Medium
Large
Icons
Logo
Favicons
Brand logo
Icon
Lists
  • Lorem ipsum dolor sit amet consectetur.
  • Lorem ipsum dolor sit amet consectetur.
  • Lorem ipsum dolor sit amet consectetur.
Icon
Icons
Social icons
facebook-bluetwitter-blueinstagram-bluelinkedin-blue
Line icons
Lead generationPerformance trackingBox VectorCustomer-CentricityCollaborationicon-threeUnionicon
Icon
Avatars

man
54px

man
170px
Icons
Placeholder
Inputs
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Text area
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Icon
Rich text

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

  1. Item 2
  2. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

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

  1. Item 2
  2. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript