Style Guide

Stacked Site and Stacked Academy Style Guides

Primary

Purple Heart

#0252cc

rgb(2, 82, 204)

Secondary

Purple Heart

#6c2dcc

RGB(108, 45, 204)

Darks (Text / BGs)

Purple Heart

#001630

rgb(0, 22, 48)

Lights (Text / BGs)

Ghost White

#f7fbfe

rgb(247, 251, 254)

Headings: Poppins

Family: Poppins, sans-serif

Style: Normal, Weight: 500,

Color: #364a6b

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Body: Lato

Family: Lato, sans-serif

Style: Normal, Weight: 400, Size: 28px

Color: #364a6b

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Radius & Drop Shadow

border-radius: 4px;

box-shadow: 10px 10px 8px 10px #888888;

The spectacle before us was indeed sublime.

Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.

The spectacle before us was indeed sublime.

Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.

The spectacle before us was indeed sublime.

Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.

Images Guide

Stacked Site and Stacked Academy Style Guides

Include:

Images that are REAL. Where possible include emotion.

Avoid:

Images that are STAGED. Or include concept photography

Image Treatment:

Treatment One

Overlay:

#001630. at 50% Opacity

rgba(0,22,48,0.5)

whiteArtboard 1

Website Design Made Simple.

Grow your online business with a beautifully simple web design service, and a refreshingly honest personal approach.

Treatment Two

Overlay:

#f7fbfe at 80% Opacity

blackArtboard 1

Website Design Made Simple.

Grow your online business with a beautifully simple web design service, and a refreshingly honest personal approach.

Treatment Three

LINEAR Gradient Overlay:

#0252cc  at 80% Opacity >> #6c2dcc at 80% Opacity

Ensure angle of gradient is 45 degress (bottom left >> top right)

whiteArtboard 1

Website Design Made Simple.

Grow your online business with a beautifully simple web design service, and a refreshingly honest personal approach.

Illustrations:

Whenever using illustrations stick to 2d flat graphics. Here are examples of appropriate images

 

Textures:

Gradient textures like the following are acceptable.

Links to assets:

https://drive.google.com/drive/folders/1O3yilayyWEqSlJNsOuIlI6jKDqQvHI7b?usp=sharing