Style Guide

Colors

Titles – #1d1d1f
Text – #888888
BKG – #fbfbfd
Buttons – #175cff
On hover – #0047f0

Typography

Aa
Titles – Inter Bold
Aa
Text – Inter Regular

Titles

The quick brown fox jumps over the lazy dog

H1 64px Inter Bold

The quick brown fox jumps over the lazy dog

H2 48px Inter Bold

The quick brown fox jumps over the lazy dog

H3 36px Inter Bold

The quick brown fox jumps over the lazy dog

H4 30px Inter Bold
The quick brown fox jumps over the lazy dog
H5 24px inter Bold
The quick brown fox jumps over the lazy dog
H6 15px Inter Bold

Paragraphs, Quotes, and 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.

Paragraph 20px Inter 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.
Quote 18px Inter Regular Italic

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.

Italic 20px Inter 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.

Bold 20px Inter Bold
Text Link
Link 20px Inter Semibold
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
  3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
List 20px Inter Regular
Link 20px Inter Semibold

One template, all you need.

We agonize over the details to make sure that our templates are high-converting and high-performing while being easy to use and to integrate with all your favorite tools.

Ready to go
Just add your content and you are ready to launch.
Once you’re happy with the changes, you can publish your site with the click of a button.
Wonders is...
High-converting
Fast and scalable
Clean and modern
Secure
Easy to use
Easy customization
With the Webflow Editor, you can create and edit content right on your page, so there’s no need to navigate a messy backend CMS.
Fast loading speed
Lightning-fast, ultra-reliable hosting with AWS and Fastly. Want to increase sales? Make your site load faster. Search engines and users will love you.
Professional design
Our templates are mobile responsive and designed with purposely selected layouts, colors, and fonts. See the results in your bottom line.
2,000+ integrations
Webflow integrates seamlessly with 2,000+ tools. Use integrations for apps such as Facebook Lead Ads, Slack, Quickbooks, and many more.
Top security
Don't worry about spam and hackers, Webflow will protect you with enterprise-grade security, so that you can have a good night of sleep. Always.
Get running fast
Just add your content and you are ready to launch. Once you’re happy with the changes, you can publish your site with the click of a button.
Flexible blog
Wonder comes with a clean and modern blog to help your conquer the search engine and educate your users about your amazing product.