Logos

SVGs:
PNGs:
Holomovement Wave SVGs:
Holomovement Wave PNG:

Colors

Color Name
Color Code
Color Name
Color Code
Color Name
Color Code
Color Name
Color Code
Hues
Color Name
Color Code
Color Name
Color Code
Color Name
Color Code
Color Name
Color Code
Color Name
Color Code
Color Name
Color Code
Color Name
Color Code
Color Name
Color Code
Color Name
Color Code
Wave 2025
Color Name
Color Code
Color Name
Color Code
Color Name
Color Code
Color Name
Color Code
Color Name
Color Code
Color Name
Color Code
Color Name
Color Code
Color Name
Color Code
Color Name
Color Code
Color Name
Color Code

Graphics

Wave SVGs:

Typography

H1 - Page Titles

[JS Function REPLACES TEXT]

H2 - Primary Headlines

[JS Function REPLACES TEXT]

H3 - Secondary Headlines

[JS Function REPLACES TEXT]

H4 - SubHeadlines

[JS Function REPLACES TEXT]
H5 - SubHeadlines
[JS Function REPLACES TEXT]
H6 - Labels and details
[JS Function REPLACES TEXT]
Navigation Links

Paragraph Text (Minimum size set to 16px) vel augue laoreet rutrum faucibus dolor auctor. Donec ullamcorper nulla non metus auctor fringilla. Donec sed odio dui. Sed posuere consectetur est at lobortis. Links look like this.

[JS Function REPLACES TEXT]

Pizza ipsum dolor meat lovers buffalo. Style tossed olives banana deep thin. Personal Hawaiian hand anchovies peppers banana. Cheese pan anchovies crust tomato extra rib mozzarella cheese style. Crust large sausage chicken bbq pineapple Chicago lovers platter. Meatball large lasagna Philly platter ipsum rib pizza olives.

[JS Function REPLACES TEXT]

Pizza ipsum dolor meat lovers buffalo. Style tossed olives banana deep thin. Personal Hawaiian hand anchovies peppers banana. Cheese pan anchovies crust tomato extra rib mozzarella cheese style. Crust large sausage chicken bbq pineapple Chicago lovers platter. Meatball large lasagna Philly platter ipsum rib pizza olives.

[JS Function REPLACES TEXT]

Pizza ipsum dolor meat lovers buffalo. Style tossed olives banana deep thin. Personal Hawaiian hand anchovies peppers banana. Cheese pan anchovies crust tomato extra rib mozzarella cheese style. Crust large sausage chicken bbq pineapple Chicago lovers platter. Meatball large lasagna Philly platter ipsum rib pizza olives.

[JS Function REPLACES TEXT]

Pizza ipsum dolor meat lovers buffalo. Style tossed olives banana deep thin. Personal Hawaiian hand anchovies peppers banana. Cheese pan anchovies crust tomato extra rib mozzarella cheese style. Crust large sausage chicken bbq pineapple Chicago lovers platter. Meatball large lasagna Philly platter ipsum rib pizza olives.

[JS Function REPLACES TEXT]

Pizza ipsum dolor meat lovers buffalo. Style tossed olives banana deep thin. Personal Hawaiian hand anchovies peppers banana. Cheese pan anchovies crust tomato extra rib mozzarella cheese style. Crust large sausage chicken bbq pineapple Chicago lovers platter. Meatball large lasagna Philly platter ipsum rib pizza olives.

[JS Function REPLACES TEXT]
  • 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.
  • [JS Function REPLACES TEXT]
  1. 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.
  2. 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.
Block Quote font: Donec ullamcorper nulla non metus auctor fringilla. Donec sed odio dui. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
H6 font for atribute
[JS Function REPLACES TEXT]

Font Families

Area - Normal

General-Website

Montserrat

Holomovement Wave Page - 2025
Block Quote font: Donec ullamcorper nulla non metus auctor fringilla. Donec sed odio dui. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
H6 font for atribute
[JS Function REPLACES TEXT]

Forms & Inputs

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Wizardy Project Styleguide

The style guide defines the basic design elements. Here we will find colors, fonts and text styles. Modify the elements that already exist to adapt them to your own design. You can also add and / or remove any element you need.

HTML Headers

Header H1

All Headers H1

Header H2

All Headers H2

Header H3

All Headers H3

Header H4

All Headers H4
Header H5
All Headers H5
Header H6
All Headers H6
Headers

Super Header

header-super / #px on the design

Header H1

header-1 / 66px on the design

Header H2

header-2 / 58px on the design

Header H3

header-3 / 50px on the design

Header H4

header-4 / 42px on the design
Header H5
header-5 / 34px on the design
Header H6
header-6 / 26px on the design
Font Sizes

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.

fs-large / 26px on the design

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.

fs-medium / 22px on the design

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.

fs-normal / 18px on the design

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.

fs-small / 14px on the design

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.

fs-tiny / #px on the design
Font Weights

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.

fw-light

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.

fw-regular

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.

fw-medium

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.

fw-semibold

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.

fw-bold
Text 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.

txt-align-left

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.

txt-align-center

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.

txt-align-right

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.

txt-align-justify
Text Colors

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.

txt-c-black

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.

txt-c-white

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.

txt-c-earthone

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.

txt-c-grey
Background Colors
bg-color-black
bg-color-white
bg-color-earthhone
Rich Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Block quote lorem ipsum dolor site amet lorem ipsum dolor site ametlorem ipsum dolor site ametlorem ipsum dolor site ametlorem ipsum dolor site ametlorem ipsum dolor site ametlorem ipsum dolor site ametlorem ipsum dolor site ametlorem ipsum dolor site ametlorem ipsum dolor site ametlorem ipsum dolor site amet
  • lorem ipsum
  • lorem ipsum
  • lorem ipsum
Spacers
Vertical Spacer .5 rem
Vertical Spacer 1 rem
Vertical Spacer 2 rem
Vertical Spacer 3 rem
Vertical Spacer 4 rem
Vertical Spacer 5 rem
Vertical Spacer 6 rem
Vertical Spacer 7 rem
Columns
col-2
col-4
col-6
col-8