Nikotaf, CC BY-SA 4.0, via Wikimedia Commons

Thanks for visiting! This is a Style Guide for Web Developmet with colors and fonts that can be referenced.


Colors

Pink #d957d9

Purple #9648ab

Indigo #4B0082

Red #da072c

Candy #ff0800

Maroon #800000

Salmon #FA8072

Olive #808000

Gold #FFD700

Yellow #FFFF00

Khaki #F0E68C

Green #008000

Lime #00FF00

Spring Green #00FF7F

Blue #0000FF

Cool Blue #2d5dcc

Teal #008080

Turquoise #40E0D0

Gray #808080

Dark Slate Gray #2F4F4F

Black #000000



Can't find the color you need above? That's alright!

This tool allows you to find the color or shade you want and review the HEX or RGB value, which can then be specified in CSS!

Select a color here!

Font Famailies

In web design, five standard font families are easily readable by most browsers. These are:

Serif

Sans Serif

Monospace

Fantasy

Cursive


Font Styles

There are thousands of font styles within font families. Some commonly used examples of these are:

In Sans-Serif Font:

Arial

Helvetica

Avantgarde

Noto Sans

Optima

In Serif Font:

Times New Roman

Didot

Bookman

American Typewriter

New Century Schoolbook

In Monospace Font:

Andale

Arial

Courier New

DejaVu Sans Mono

OCR A Std

In Cursive Font:

Bradley Hand

Comic Sans

Snell Roundhand

URW Chancery L


Headings

H1 Heading Size

H2 Heading Size

H3 Heading Size

H4 Heading Size

H5 Heading Size
H6 Heading Size

General Paragraph Text Size