Go to Homepage

Webflow Style Guide

Welcome to the style guideof this template.

This guide offers comprehensive instructions on various design elements, ranging from color schemes and typography to button styles and text sizes.

This template is designed to provide you with guidelines and best practices for creating a professional and impactful website for your business.

It covers a wide range of web design aspects, including typography, color usage, imagery selection, layout considerations, and content strategies.

By adhering to these guidelines, you can maintain consistency, enhance visual appeal, and ensure seamless navigation throughout your website.

Colours

Primary Colour

Primary
#162246

Secondary Colours

Dark Blue
#0c1326
Black Lighter
#212122
Gray
#888888
Light Grey
#b3b3b3
Sky Blue
#20d1fd
Black Purple
#332f3d

Other Colours

White
#fefeff
Black
#ffffff

Typography

Heading H1

Heading H2

Heading H3

Heading H4

Heading H5
Heading H6

HTML text tags

All Paragraphs (HTML-TAG)

All Links (HTML-TAG)

Rich Text

Rich text blocks (RTBs) are different from regular paragraph and text elements.

RTBs allow you to format headings, paragraphs, quotes, images, videos, captions, and lists all within the one element.

RTBs are what will be used for the primary body of your blog posts.

L

orem 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.

This is an ordered list

  1. Fully responsive
  2. Cloneable
  3. Swap in with your client's styles

This an unordered list

  • Fully responsive
  • Cloneable
  • Swap in with your client's styles

Block quotes

"Lorem ipsum dolor sit amet, consectetur adipiscing elit."

Buttons

Button Text
Button Curve Ghost
Thank you for your message. We will get back to you shortly.
Oops! Something went wrong while submitting the form.
Filled Button
Thank you for your message. We will get back to you shortly.
Oops! Something went wrong while submitting the form.
Icon Button
Go to Homepage