Style guide

Take advantage of beautiful design and easily create your dream Agency and Consulting Webflow website that will impress your visitors.

Heading 1
Aa Bb Cc

Mega H1 - 160px / 90% (IBM Plex Sans)

Heading 1
Aa Bb Cc

Heading 1 - 104px / 85% (IBM Plex Sans)

Heading 2
Aa Bb Cc

Heading 2 - 64px / 87% (IBM Plex Sans)

Heading 3
Aa Bb Cc

Heading 3 - 40px / 100% (IBM Plex Sans)

Heading 4
Aa Bb Cc

Heading 4 - 32px / 125% (IBM Plex Sans)
Heading 5
Aa Bb Cc
Heading 5 - 24px / 133% (IBM Plex Sans)
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.
Label - 16px / 100% (IBM Plex Sans)
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.
Body 1- 24px / 133% (IBM Plex Sans)
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.
Body 2- 20px / 140% (IBM Plex Sans)

What’s a Rich Text element?

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.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing.

For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Rich Text Example

Colors

Black / #000000
Light / #fffdf

Icons

All icons used in Greyhound Template come from an open source icon library - Iconoir. Meaning they are are free for personal and commercial use.

Fonts

Greyhound Template is using one additional font, called IBM Plex Sans. It can be downloaded at Google Fonts is 100% free for personal and commercial use.

Buttons

Button Text
CTA Main
Button Text
CTA White
Button Text
CTA Blue
Button Text
CTA Stroke
Template details

Included in Greyhound template

Greyhound Agency Template comes with everything you need

12+ pages

25+ sections

20+ Styles & Symbols

Figma file included

To give you 100% control over the design, together with Webflow project, you also get the Figma file. After the purchase, simply send us an email to hi@byq.studio and we will be happy to forward you the Figma file.

Greyhound Comes With Even More Power

Overview of all the features included in Greyhound Agency Template

Premium, custom, simply great

Yes, we know... it's easy to say it, but that's the fact. We did put a lot of thought into the template. Greyhound Agency was designed by an award-winning designer. Layouts you will find in our template are custom made to fit the industry after carefully made research.

Optimised for speed

We used our best practices to make sure your new website loads fast. All of the images are compressed to have as little size as possible. Whenever possible we used vector formats - the format made for the web.

Responsive

Greyhound Agency is optimized to offer a frictionless experience on every screen. No matter how you combine our sections, they will look good on desktop, tablet, and phone.

Reusable animations

Both complex and simple animations are an inseparable element of modern website. We created our animations in a way that can be easily reused, even by Webflow beginners.

Modular

Our template is modular, meaning you can combine different sections as well as single elements, like buttons, images, etc. with each other without losing on consistency of the design. Long story short, different elements will always look good together.

100% customisable

On top of being modular, Greyhound Agency was created using the best Webflow techniques, like: global Color Swatches, reusable classes, symbols and more.

CMS

Greyhound Agency includes a blog and projects collections that are made on the powerful Webflow CMS. This will let you add new content extremely easily.

Figma included

To give you 100% control over the design, together with Webflow project, you also get the Figma file.