Searchable Logo

Style Guide

Scale your website without developers and empower your marketing team to market your brand.

TYPOGRAPHY
H1

Heading

H2

Heading

H3

Heading

H4

Heading

H5
Heading
H6
Heading
.heading-large

Heading

.heading-medium

Heading

.heading-small

Heading

.heading-xsmall

Heading

PARAGRAPHS
paragraph

Lorem ipsum dolor sit amet, consectur adipis elit. Suspendisse varius enim in eros element tristique dolor sit amet tristique varius odor.

.paragraph-small

Lorem ipsum dolor sit amet, consectur adipis elit. Suspendisse varius enim in eros element tristique dolor sit amet tristique varius odor.

.paragraph-big

Lorem ipsum dolor sit amet, consectur adipis elit. Suspendisse varius enim in eros element tristique dolor sit amet tristique varius odor.

BUTTONS/LINKS
.button-secondary
Button Text
COLOR PALETTE
.background-white
.background-black
.background-grey
.background-light
.background-beige
.background-salmon
.background-yellow
.backgroud-blue
.background-blue-dark
.background-green
COLOR TEXTS
.text-color-black

Text color

.text-color-blue

Text color

.text-color-green

Text color

.text-color-grey

Text color

.text-color-blue-dark

Text color

.text-color-green-dark

Text color

.text-color-white

Text color

SECTION SPACING
.section-space-vertical-small
.section-space-vertical-medium
.section-space-vertical-large
VERTICAL SPACE
.space-top-xsmall
.space-top-small
.space-top-medium
.space-top-large
.space-top-xlarge
.space-bottom-xsmall
.space-bottom-small
.space-bottom-medium
.space-bottom-large
.space-bottom-xlarge
HORIZONTAL SPACE
.space-right-xsmall
element
.space-right-small
element
.space-right-medium
element
.space-right-large
element
.space-right-xlarge
element
element
.space-left-xsmall
element
.space-left-small
element
.space-left-medium
element
.space-left-large
element
.space-left-xlarge

Components

HERO 2 COLUMN

Too many files in too many places?

Stop wasting 20% of your workweek clicking through emails, chats, cloud and local storage for the files you need. Introcing Searchable.ai - one search for all your files.

Searchable.ai’s machine learning solution
TESTIMONIAL BLOCK

I pulled up a single chart from a presentation our UX team gave a few weeks back—in a matter of seconds."

Hung Nguyen
Manager, Sales, Big Time Inc.
Linkedin
GRID 4 COLUMNS
lorem ipsun

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

lorem ipsun

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

lorem ipsun

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

lorem ipsun

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

GRID 3 COLUMNS
Video Icon

Lorem Ipsun

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Camera Icon

Lorem Ipsun

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Family Icon

Lorem Ipsun

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

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