Style Guide

Take advantage of beautiful design and easily create your dream Agency Webflow website that will impress your visitors.
This is some text inside of a div block.
This is some text inside of a div block.

Typography

Heading 1
Aa Bb Cc

Text_hg_1
4 EM - Center (Exo)

Heading 3
Aa Bb Cc

Text_hg_2
2 EM - left (Open Sans)

Heading 2
Aa Bb Cc

Text_hg_3
1.5 EM - Center (Exo)

Heading 4
Aa Bb Cc

Text_hg_4
0.8 EM - Center  (Open Sans)
Heading 5
Aa Bb Cc
Text_hg_5
1 EM - Center (Open Sans)
Heading 6
Aa Bb Cc
Text_hg_6
Heading 6 - 16px / 150% (Inter)
Text_hg_7
Heading 7 - 16px / 150% (Inter)
Text_hg_8
Heading 7 - 16px / 150% (Inter)
Text_hg_9
Heading 7 - 16px / 150% (Inter)
Text_hg_10
Heading 7 - 16px / 150% (Inter)
Text_hg_11
Heading 7 - 16px / 150% (Inter)

The texts created for the UX/UI and design-themed Webflow template are authentic examples intended to illustrate how real content will appear in the final layout. They were developed to fill spaces and effectively demonstrate the typography. While the information is accurate, its primary purpose is to showcase the appearance and organization of text elements in the design, rather than being the final or project-specific content.

Colors

The template's color palette features Deep Teal (#052a2e) and black as predominant colors, with Sky Blue (#30CBDD), gray, and white as complementary colors. This combination creates a visually striking and modern aesthetic. Deep Teal provides an elegant foundation, black adds sophistication, and Sky Blue introduces a refreshing pop of color. Gray and white balance the palette, ensuring readability and a clean look. Together, these colors create a harmonious and appealing design that enhances user experience.

Black
Blue
White
White 25%
Gradient 1
Gradient 2

Icons

All icons used in this template were created especially for it and are free for personal and commercial use.

Fonts

This template uses two fonts, Exo and Open Sans. Both can be downloaded from Google Fonts (Exo, Open Sans) and are 100% free for personal and commercial use.

Buttons

Button Text
CTA Main

Tiles

USE BNB
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloree ab illo inventore veritatis et quasi architecto beatae.
01
Discovery & Research
We conduct research to gather insights, analyze competitors, and identify trends.
User-Centered Design: Putting Users First
User-centered design prioritizes the needs, preferences, and limitations of the end-user. By involving users in the design process, it ensures the final product is intuitive, accessible, and highly satisfying.

Tiles

USE BNB
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloree ab illo inventore veritatis et quasi architecto beatae.
01
Discovery & Research
We conduct research to gather insights, analyze competitors, and identify trends.
User-Centered Design: Putting Users First
User-centered design prioritizes the needs, preferences, and limitations of the end-user. By involving users in the design process, it ensures the final product is intuitive, accessible, and highly satisfying.