Style Guide

Spacing

Margins

Margin Huge
Margin Large
Margin Medium
Margin Small
Margin Small
Margin Top
Margin Bottom
Margin Left
Margin Right
Margin Vertical
Margin Horizontal

Padding

Padding Huge
Padding Large
Padding Medium
Padding Small
Padding Top
Padding Bottom
Padding Left
Padding Right
Padding Vertical
Padding Horizontal

Grids

Grid 1 Column
Grid 2 Column
Grid 3 Column
Grid 4 Column
Grid 2-1 Column
Grid 2-1 Column

Max widths

Max Width Huge
Max Width Large
Max Width Medium
Max Width Small

HTML

H1

This is an H1 header

H2

This is an H2 header

H3

This is an H3 header

H4

This is an H4 header

H5
This is an H5 header

Typography

Header Style Huge

This is a Huge header

Header Style H1

This is an H1 header

Header Style H2

This is an H2 header

Header Style H3

This is an H3 header

Header Style H4

This is an H4 header

Header Style H5
This is an H5 header
Text Size Large

         I design and build clean, conversion-focused Webflow templates that help businesses stand out online. Whether you're launching a new product, promoting an event, or building your brand, my templates are built for speed, clarity, and modern design.

Text Size Regular

A modern, cleanly structured job board template built for recruiters, hiring platforms, and startups. Elevate is fully responsive and CMS-driven, making it easy to manage job listings and attract top talent. Designed with UX and scalability in mind.

Text Size Small

© 2025 Jon Howlett — Crafted in the UK, powered by Webflow.

Text Highlight

This is a text highlight

Text Label

Text Label

Text Tag

Text Tag

Nav Link
Nav Link
Nav Link
Text Link
This is a text link
Text Link Block
Email me
Text Weight Light
This is some text written in text weight light
Text Weight Medium
This is some text written in text weight medium
Text Weight Normal
This is some text written in text weight normal
Text Weight Semi Bold
This is some text written in text weight semi bold
Text Weight Bold
This is some text written in text weight bold
Text Style Italic
This is some text written in text style italic
Text Background Highlight
This is some text written in text background highlight
Blockquote
“A blockquote is used to highlight a quotation or excerpt from another source, giving it visual emphasis and distinction from the main body text. Use blockquotes to showcase impactful statements, client testimonials, or key ideas that deserve special attention within your content.”

Buttons

Button Primary
Get in touch
Get in touch
Button Secondary
Get in touch
Get in touch

Color

Color 1
Color 2
Color 3

Forms

Form
Thanks for reaching out! I'll get back to you in no longer than 48 hours.
Jon
Oops. Looks like we've had a slight hiccup! Mind taking another look? If you're still having trouble then feel free to email me at jonhowlettwork@gmail.com instead.

Thanks!

Icons

Icon XSmall
Icon Small
Icon Medium
Icon Large
Icon XLarge

Utility classes

Text Align Left

This text is left aligned

Text Align Right

This text is right aligned

Text Align Center

This text is center aligned

Hidden
Hidden Desktop
Hidden Tablet
Hidden Mob Landscape
Hidden Mob Portrait