Style Guide

Launchify

Style Guide

Color Palette

Default color palette for creating beautiful designs

Primary

Neutral

Status

Success

Warning

Error

System

Gradients

For use with text, backgrounds, box shadows and borders

Theme

Default

Typography

For use with text, backgrounds, box shadows and borders

Display / 60px

Almost before we knew it we had left the ground.


Heading 1 / 44px

Almost before we knew it we had left the ground.


Heading 2 / 36px

Almost before we knew it we had left the ground.


Heading 3 / 32px

Almost before we knew it we had left the ground.


Heading 4 / 28px

Almost before we knew it we had left the ground.


Heading 5 / 24px

Almost before we knew it we had left the ground.

Heading 6 / 20px

Almost before we knew it we had left the ground.

Text / 20px

Almost before we knew it we had left the ground.


Text / 18px

Almost before we knew it we had left the ground.


Text / 16px

Almost before we knew it we had left the ground.


Text / 14px

Almost before we knew it we had left the ground.

Spacing Scale

Smart grid spacing included for consistent layouts

Name

Token

Size

Width

XX Small

spacing-xxs

8px

X Small

spacing-xs

16px

Small

spacing-sm

24px

Medium

spacing-md

32px

Large

spacing-lg

48px

X Large

spacing-xl

64px

XX Large

spacing-xxl

96px

Shadows

Subtle shadow scale presets

Shadow (xxs)

var(–wp–preset–shadow–xxs)

Shadow (xs)

var(–wp–preset–shadow–xs)

Shadow (sm)

var(–wp–preset–shadow–sm)

Shadow (md)

var(–wp–preset–shadow–md)

Shadow (lg)

var(–wp–preset–shadow–lg)

Shadow (xl)

var(–wp–preset–shadow–xl)

Shadow (xxl)

var(–wp–preset–shadow–xxl)

Elements

Common HTML element styles

Buttons

Forms




Notices

Info: These are the default styles provided by the theme. Every setting can be changed easily from within WordPress.

Success: These are the default styles provided by the theme. Every setting can be changed easily from within WordPress.

Warning: These are the default styles provided by the theme. Every setting can be changed easily from within WordPress.

Error: These are the default styles provided by the theme. Every setting can be changed easily from within WordPress.

Icons

Default icon sets included with theme

WordPress

Add Card Icon
Add Submenu Icon
Add Template Icon
Align Center Icon
Align Justify Icon
Align Left Icon
Align None Icon
Align Right Icon
Archive Title Icon
Archive Icon
Arrow Down Icon
Arrow Left Icon
Arrow Right Icon
Arrow Up Icon
Aspect Ratio Icon
At Symbol Icon
Audio Icon
Backup Icon
Before After Icon
Block Default Icon
Block Meta Icon
Block Table Icon
Border Icon
Box Icon
Brush Icon
Bug Icon
Button Icon
Buttons Icon
Calendar Icon
Cancel Circle Filled Icon
Caption Icon
Capture Photo Icon
Capture Video Icon
Category Icon
Chart Bar Icon
Check Icon
Chevron Down Icon
Chevron Left Small Icon
Chevron Left Icon
Chevron Right Small Icon
Blockify Icon

Social

Amazon Icon
Bandcamp Icon
Behance Icon
Blockify Icon
Chain Icon
Codepen Icon
Deviantart Icon
Dribbble Icon
Dropbox Icon
Etsy Icon
Facebook Icon
Feed Icon
Fivehundredpx Icon
Flickr Icon
Foursquare Icon
Github Icon
Goodreads Icon
Google Icon
Instagram Icon
Lastfm Icon
Linkedin Icon
Mail Icon
Mastodon Icon
Medium Icon
Meetup Icon
Patreon Icon
Pinterest Icon
Pocket Icon
Reddit Icon
Skype Icon
Slack Icon
Snapchat Icon
Soundcloud Icon
Spotify Icon
Telegram Icon
Tiktok Icon
Tumblr Icon
Twitch Icon
Twitter Icon
Vimeo Icon
Blockify Icon