Fuzzy Labs Website Style Guide

Client-First Version 1.0
HTML Heading Tags

H1

H2

H3

H4

H5
H6
Heading Classes

.heading-xlarge

.heading-large

.heading-medium

.heading-small

.heading-xsmall

.heading-xxsmall

Other HTML Tags

All Paragraphs
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

All Links
All Quotes
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.
Text Classes

.text01-size-xlarge
Sample text is being used as a placeholder for real text that is normally present.

.text02-size-large
Sample text is being used as a placeholder for real text that is normally present.

.text03-size-medium
Sample text is being used as a placeholder for real text that is normally present.

.text04-size-small
Sample text is being used as a placeholder for real text that is normally present.

.text05-size-tiny
Sample text is being used as a placeholder for real text that is normally present.

text-style-strikethrough

.text-style-italic

.text-style-muted
.text-style-allcaps
.text-style-nowrap
.text-style-link
.text-style-quote
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

.text-style-2lines
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

.text-style-3lines
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.dolor sit amet,

.mono2-size-small
.mono1-size-small
Text Weights
.text-weight-xbold
.text-weight-bold
.text-weight-semibold
.text-weight-medium
.text-weight-normal
.text-weight-light
Text Alignments
.text-align-left
.text-align-center
.text-align-right
Text Colors
.text-color-grey
.text-color-black
text-color-black
Rich Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

  • The rich text element allows you to create and format headings,
  • The rich text element allows you to create and format headings,
  • The rich text element allows you to create and format headings,
  • ‍

https://cloud.google.com/solutions/machine-learning/recommendation-system-tensorflow-overview

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.
Placeholder
This is a placeholder image.
Color Palette
Primary
Secondary
Text Color
Background1
Background2
Others
Buttons
buttonbutton-secondarybutton-textbutton-text
Find out more
Find out more
Watch intro
Backgrounds
Icons Sizes
Icons 1x1 Sizes
Social Media Icons
Webflow Elements

List

  • Sample text is being used as a placeholder for real text that is normally present.
  • Sample text is being used as a placeholder for real text that is normally present.
  • Sample text is being used as a placeholder for real text that is normally present.

Form

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
FILTER SYSTEM

Filter Form

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
SLIDER
1
1