Colores

Tangerine

Dark Green

Tangerine

Light Green

Tangerine

Lavender

Tangerine

Tangerine

Tangerine

Sky Blue

Tangerine

Sun Yellow

Tangerine

Dark Beige

Tangerine

Beige

Tangerine

Light Beige

Tangerine

Dark Grey

Tangerine

Grey

Tangerine

Light Grey

Tangerine

Light Grey

Tipografía

Display 1 82px

Display 2 54px

Display 3 44px

Display 4 28px

P - Display 1

P - Display 2

P - Display 3

P - Display 4

Heading 1 54px

Heading 2 38px

Heading 3 24px

Heading 4 20px

Heading 5 18px
Heading 6 16px

P - Heading 1

P - Heading 2

P - Heading 3

P - Heading 4

P - Heading 5

P - Heading 6

Body big 24px
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Body large 22px
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Body default 18px
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Body medium 16px
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Body small 14px
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Text semibold
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Text semibold
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Text Link

Listas

  • Lorem ipsum dolor sit amet consectetur
  • Lorem ipsum dolor sit amet consectetur
  • Lorem ipsum dolor sit amet consectetur
  1. Lorem ipsum dolor sit amet consectetur
  2. Lorem ipsum dolor sit amet consectetur
  3. Lorem ipsum dolor sit amet consectetur

Botones

Button Primary SmallButton Primary Large
Button Primary Small Icon
Button Primary Large Icon
Button Primary SmallButton Primary Large
Button Primary Small Icon
Button Primary Large Icon
Button Secondary SButton Secondary L
Button Secondary S Icon
Button Secondary L Icon
Button Link
Button Link Icon
Button Link Icon
Button Outline SmallButton Outline Large
Button Outline Small Icon
Button Outline Large Icon
Button Outline SmallButton Outline Large
Button Outline Small Icon
Button Outline Large Icon

Iconos

Fuente Line rounded Icons

Pegar código SVG

Utilizar una imagen

Todos los iconos con la fuente Rounded Icons

Todos los iconos con imágenes SVG

Prueba Texto + iconos

Lorem ipsum dolor met, prueba imagen SVG

Lorem ipsum dolor met, prueba fuente iconos

Radios

Radio 12px

Radio 16px

Radio 30px

Radio 4px

Radio 6px

Radio 8px

Radio 50%

Border

Border 1 px

Border Dark Green

Border Light Green

Align

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Margin

Margin Top 16px

Margin Top 20px

Margin Top 24px

Margin Bottom 32px

Margin Bottom 80px

Margin Bottom 0px

Margin Bottom 10px

Margin Bottom 12px

Margin Bottom 16px

Margin Bottom 98px

MG Top Auto

Section

Section + Container default (max W 1220px)

Section + Full Container