Typo & Color

Guidelines

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Typography

Heading 1

h1 — 65PX / 1.2

Heading 2

H2 — 50PX / 1.2

Heading 3

H3 — 38PX / 1.3

Heading 4

H4 — 25PX / 1.3

Heading 5

H5 — 17PX / 1.2

Heading 6

H6 — 15PX / 1.3

Paragraphs

BIG PARAGRAPH — 30PX / 1.3

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.

MEDIUM PARAGRAPH — 24PX / 1.3

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.

PARAGRAPH — 20PX / 1.4

MINI PARAGRAPH — 16PX / 1.4

Block Quote

Block Quote

Lists

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.

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.

Color and palettes

MAIN COLOR

#6f39f8

#ac8bff

extra light

#8351ff

light

#381d7e

dark

#1c0e3f

extra dark

BLACK

#000000

#3c3c3b

extra light

#2e2e2e

light

WHITE

#FFFFFF

GRAY

#e6e6e

#fafafa

extra light

#f5f5f5

light

#c5c5c5

dark

#7c7c7c

extra dark

ERROR

#eb3c5c

SUCCESS

#2ad283

page elements

Components

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Buttons & Links

MAIN BUTTON

Main Button Right Button

MINI BUTTON

Main Button Right Button

Black BUTTON

Main Button Right Button

white BUTTON

Main Button Right Button

MAIN LINK

Text Link

BLACK LINK

Right Link

White LINK

Text Link

Cards

TOP TEXT FOR PARAGRAPH

The new card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Right Button

The new card

Right Button

The new card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Main Button

TOP TEXT FOR PARAGRAPH

The new card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Main Button

The new card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Main Button

TOP TEXT FOR PARAGRAPH

The new card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Main Button

The new card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Right Button

TOP TEXT FOR PARAGRAPH

The new card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Right Button

TOP TEXT FOR PARAGRAPH

The new card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Right Button

Forms and Inputs

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Notifications

BIG NOTIFICATION - BLACK

Start free trial

BIG NOTIFICATION - GRAY

Start free trial

NOtification - Success

Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam

NOtification - ERROR

Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam

Quotes

"The Best Way to create dynamic WordPress themes with the use of Webflow. A very strong combination!"

Yvo Hoppenbrouwers

"I love this software. Excellent work Eclipse team."

Abel Sánchez

FAQs

Which are the shipping options and costs?

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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.