Webflow Style Guide

Construktion X is a modern Webflow Template for building companies, designed & developed by BRIX Templates.

Get template Back to home

Colors

Accent color

Primary 1

#110F0E

Secondary colors

Color 1

#F5F6F8

Neutral colors

800

Neutral 800

#151314

700

Neutral 700

#2B2528

600

Neutral 600

#4D464A

500

Neutral 500

#766C72

400

Neutral 400

#9F979C

300

Neutral 300

#DBD3D3

200

Neutral 200

#F9F6F6

100

Neutral 100

#FFFFFF

System colors

400

Blue 400

#086CD9

300

Blue 300

#1D88FE

200

Blue 200

#8FC3FF

100

Blue 100

#EAF4FF

400

Green 400

#11845B

300

Green 300

#05C168

200

Green 200

#7FDCA4

100

Green 100

#DEF2E6

400

Red 400

#DC2B2B

300

Red 300

#FF5A65

200

Red 200

#FFBEC2

100

Red 100

#FFEFF0

400

Orange 400

#D5691B

300

Orange 300

#FF9E2C

200

Orange 200

#FFD19B

100

Orange 100

#FFF3E4

Typography

Special headings

Display 1

Mona-Sans Medium

90px / 1.044em

Donec etdolr odio pelle ntesqu.

Display 2

Mona-Sans Medium

54px / 1.222em

Donec et odio lom pellen tesqu diam.

Display 3

Mona-Sans Medium

34px / 1.294em

Donec et odio pellen tesqu diam lorem ipsum dolor.

Display 4

Mona-Sans Medium

28px / 1.429em

Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.

Headings

Heading H1

Mona-Sans Medium

54px / 1.222em

Donec et odio dolor pelle ntesqu.

Heading H2

Mona-Sans Medium

38px / 1.316em

Donec et odio pellen tesqu diam lorem ipsum dolor consectur

Heading H3

Mona-Sans Medium

24px / 1.417em

Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong dolor sit amet consec.

Heading H4

Mona-Sans Medium

22px / 1.273em

Donec et odio pellentesqu diam lorem ipsum dolor

Heading H5

Mona-Sans Medium

18px / 1.333em

Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.

Heading H6

Mona-Sans Medium

16px / 1.375em

Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.

Body

Body Large

Mona-Sans

24px / 1.583em

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

Body Default

Mona-Sans

18px / 1.667em

Body Small

Mona-Sans

14px / 1.714em

Text single

400

Mona-Sans Regular

Mona-Sans Medium

Mona-Sans Bold

24px / 1.583em

Lorem ipsum dolor sit amet consectetur

300

Mona-Sans Regular

Mona-Sans Medium

Mona-Sans Bold

20px / 1.1em

Lorem ipsum dolor sit amet consectetur

200

Mona-Sans Regular

Mona-Sans Medium

Mona-Sans Bold

18px / 1.111em

Lorem ipsum dolor sit amet consectetur

100

Mona-Sans Regular

Mona-Sans Medium

Mona-Sans Bold

16px / 1.125em

Lorem ipsum dolor sit amet consectetur

Rich Text

Text Bold

Mona-Sans

Lorem ipsum dolor sit amet consectetur

Text Link

Mona-Sans

Lorem ipsum dolor sit amet consectetur

Bullet List

Mona-Sans

Lorem ipsum dolor sit amet consectetur
Posuere enim mi pharetra neque proin dic
Mauris aliquet faucibus iaculis dui vitae ullamco

Numbered List

Mona-Sans

Lorem ipsum dolor sit amet consectetur
Posuere enim mi pharetra neque proin dic
Mauris aliquet faucibus iaculis dui vitae ullamco

Blockquote

Mona-Sans

24px / 1.417em

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

Image & Caption

A Comprehensive Set Of Services - Construktion X Webflow Template — Lorem ipsum dolor sit amet consectur

Text Uppercase

Mona-Sans

Lorem ipsum dolor sit amet consectetur

Text Strikethrough

Mona-Sans

Lorem ipsum dolor sit amet consectetur

Text Underline

Mona-Sans

Lorem ipsum dolor sit amet consectetur

Shadows

General shadows

Shadow 01

Shadow 02

Shadow 03

Shadow 04

Shadow 05

Shadow 06

Button shadows

Button white 01

Button white 02

Button white 03

Buttons

Primary buttons

Button Small

Button Default

Button Default

Button Small

Button Default

Button Default

Secondary buttons

Button Small

Button Default

Button Default

Button Small

Button Default

Button Default

Primary circle buttons



Secondary circle buttons



Download Apps buttons

Links

Badges

Primary badges

Small

Badge Small

Default

Badge Default

Large

Badge Large

Small

Badge Small

Default

Badge Default

Large

Badge Large

Small

Badge Small

Default

Badge Default

Large

Badge Large

Secondary badges

Small

Badge Small

Default

Badge Default

Large

Badge Large

Small

Badge Small

Default

Badge Default

Large

Badge Large

Small

Badge Small

Default

Badge Default

Large

Badge Large

Inputs

Input text

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Text area

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Checkboxes

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Radio buttons

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Avatars

Avatars circle

Icons

Image icons

Social links

Icon fonts

Line icons rounded















































































































































Line icons square















































































































































Filled icons





















































































































Social media icons

Lets work together

Whether it’s ongoing maintenance, a large construction project, or a late-night emergency,
2M Plumbing Group is here to help.

Licence: 464140C
ABN: 40 675 954 784
ACN: 675 954 784

Email address

info@2mpg.com.au

Phone number

(61) 425 800 883

Follow me on



Thank you

Thanks for reaching out. We will get back to you soon.

Oops! Something went wrong while submitting the form.