Style Guide

This is a set of guidelines and strategies used to build AtlasFit Website.

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

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 display
Sample Text
Text Size huge
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

Text Weights

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

Color Palette

Font Color
Background Color
Primary Color
Card Color

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

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

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.