Style guide

Take advantage of beautiful design and create a website your business deserves.

Buy template $79

Heading 1
Aa Bb Cc

Text / H1
Heading 1 - 90px / 90% (DM Sans)

Heading 2
Aa Bb Cc

Text /H2
Heading 2 - 60px / 110% (DM Sans)

Heading 3
Aa Bb Cc

Text / H3
Heading 3 - 40px / 90% (DM Sans)
Heading 3 - 1
Text / H3 - 1
Heading 3 - 1 - 40px / 110% (DM Sans)

Heading 4
Aa Bb Cc

Text / H4
Heading 4 - 24px / 30px (DM 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 - 16px / 170% (DM 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.

Badge- 12px / 150% (DM Sans)

Colors

Code House takes advantage of strong black and white contrast as well as vivid brand colors.

Black
Red
Beige
Bg
Dark Gray
Gray

Icons

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

Fonts

Grained Template is using one additional font, called DM Sans. It can be downloaded at Fontshare and is 100% free for personal and commercial use.

Buttons

Button Text
CTA Primary
Subscribe
CTA / Animated
Button Text
CTA Secondary

Tiles

“Working together was a game-changer for our business. Their innovative solutions and dedicated team not only met but exceeded our expectations, bringing our vision to life with precision and flair.”

- Alexander Bennett, Microsoft
Hey there 🙌🏽 This is Grained Agency Webflow Template by BYQ studio
Template details

Included in Grained

Grained Agency Webflow Template comes with everything you need

15+ 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 and we will e happy to forward you the Figma file.

Grained Comes With Even More Power

Overview of all the features included in Grained 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. Trend Trail 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

Grained 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, Grained was created using the best Webflow techniques, like: global Color Swatches, reusable classes, symbols and more.

CMS

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

Ecommerce

Grained Template comes with eCommerce set up, so you can start selling your services straight away.

Figma included

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