Style Guide

This is a set of guidelines and strategies to help you build Webflow websites.

Typography

Hustler's style guide adopts a sleek and modern design by utilizing a single font. This font is carefully selected to achieve a professional and sophisticated aesthetic, ensuring that the website exudes a consistent and cohesive look throughout.

Satoshi

The primary font is Satoshi. You can download the webfont in the link bellow. Please use the WOFF and WOFF2 format for better performance.

Download
Download

Heading Styles

Heading 1

Sample Text

Heading 2

Sample Text

Heading 3

Sample Text

Heading 4

Sample Text

Heading 5
Sample Text
Heading 6
Sample Text

Text Classes

Text Size xxdisplay
Sample Text
Text Size xdisplay
Sample Text
Text Size display
Sample Text
Text Size xxhuge
Sample Text
Text Size xhuge
Sample Text
Text Size huge
Sample Text
Text Size xxLarge
Sample Text
Text Size xLarge
Sample Text
Text Size Large
Sample Text
Text Size Medium
Sample Text
Text Size Regular
Sample Text
Text Size Small
Sample Text
Text Size Tiny
Sample Text
All Caps
Sample Text

Text Weights

Text Weight Light
Sample Text
Text Weight Regular
Sample Text
Text Weight Medium
Sample Text
Text Weight Bold
Sample Text

Text Color

Text Color Black
Sample Text
Text Color white
Sample Text
Text Color Medium Grey
Sample Text
Text Color grey
Sample Text
Text Color Light Grey
Sample Text

Color Palette

Black
White
Light Grey
Medium Grey
Grey

Rich Text

Rich Text

Heading 1

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.

Heading 2

  • Lorem ipsum dolor sit amet, consectetur
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
  • Lorem ipsum dolor sit amet, consectetur adi

Heading 3

  1. Lorem ipsum dolor sit amet, consectetur
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
  3. Lorem ipsum dolor sit amet, consectetur adi

Heading 4

Heading 5
Heading 6
Project Image
Caption
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.

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.