xb fulfillment 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

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
COLOR PALETTE
.background-white
.background-black
.background-grey
.background-blue-dark
.background-blue-light
COLOR TEXTS
.text-color-black

Text

.text-color-blue

Text

.text-color-green

Text

.text-color-blue-dark

Text

.text-color-yellow

Text

.text-color-white

Text

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

NUMBER BLOCK
units shipped
310,000
increase icon
sku's under management
GRID 2 COLUMNS

We help great ecommerce brands grow fast

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

GRID 3 COLUMNS
live 24-7 icon
Live chat
email support icon
Email support
voice support icon
Voice support
live 24-7 icon
Live 24/7 coveragechat
flexible staff icon
Flexible staffing models
on boarding icon
Fast & efficient onboarding
CONTENT BLOCK
99%
of our team recommend XB as a great place to work