HopeHarbor proudly stands as a creation by Dorian Hoxha. Explore an extensive array of designs available at our Templates Shop
Unlock the Power of Consistency

Style Guide

Your Comprehensive Style Guide

#160202
#693737
#b38989
#ebd3d3
#f6f1f1
##fcf7f
#ff7b00

Heading Number 1

Space Grotesk - 700 Bold 60px/1.2

Heading Number 2

Space Grotesk - 700 Bold 52px/1.2

Heading Number 3

Space Grotesk - 700 Bold 42px/1.2

Heading Number 4

Space Grotesk - 700 Bold 32px/1.2

Heading Number 5

Space Grotesk - 700 Bold 22px/1.2

Heading Number 6

Space Grotesk - 700 Bold 16px/1.2

Paragraph Default

Paragraph Bold

Paragraph Italic

Paragraph Big

Paragraph Small

Richtext

The Rich Text element is a versatile tool that empowers you to effortlessly create and format various content components, such as headings, paragraphs, blockquotes, images, and videos, all within a single interface. Say goodbye to the hassle of adding and formatting each element separately. With just a simple double-click, you can bring your content to life with ease.

Static and Dynamic Content Editing:

Whether you're working with static or dynamic content, the Rich Text element has got you covered. For static content, simply drop it onto any page and start editing right away. If you're dealing with dynamic content, just add a Rich Text field to any collection and connect it to the Rich Text element in the settings panel. It's as simple as that!

Customizing Formatting for Each Rich Text:

Tailoring the formatting of your content has never been easier. With the Rich Text element, you can style headings, paragraphs, blockquotes, figures, images, and figure captions to your liking. Simply add a class to the Rich Text element and use the "When inside of" nested selector system to apply specific styles. This level of customization allows you to create visually stunning and cohesive content that aligns with your brand and messaging.

"Writing result-oriented ad copy is difficult, as it must appeal to, entice, and convince consumers to take action. There is no magic formula to write perfect ad copy."

  • Beautifully Designed
  • Fully Responsive
  • CMS Content
  • Smooth Interactions

  1. Beautifully Designed
  2. Fully Responsive
  3. CMS Content
  4. Smooth Interactions