My Design Templete

Colors

Some colors I may use in the background or text color. Color combinations can make a site be visually appealing.

Royal Purple

#561D5E
RGB(86, 29, 94)
HSL(292.6, 52.8, 24.1)

Gun Metal

#565D61
RGB(86, 93, 97)
HSL(201.8, 6, 35.9)

Sunlight Yellow

#FFFB02
RGB(252, 248, 9)
HSL(59, 96%, 51%)

Neon Blue

#1A67CB
RGB(26, 103, 203)
HSL(214, 87%, 45%)

Peach

#FFE5B4
RGB(255, 229, 180)
HSL(39, 100%, 85%)

Sage

#8A9A5B
RGB(138, 154, 91)
HSL(75, 26%, 48%)

Caramel

#C19A6B
RGB(193, 154, 107)
HSL(33, 41%, 59%)

Cream

#FFFDD0
RGB(255, 253, 208)
HSL(57, 100%, 91%)

Carmine

#D70040
RGB(215, 0, 64)
HSL(342, 100%, 42%)

Fonts

Fonts can offer a different emotion to a page. Fonts can help express a fun, business, governmental, and many more atmospheres for a site.

Lato	Helvetica and Times New Roman walk into a bar. “Get out of here!” shouts the bartender. “We don't serve your type.”
Poppins	Helvetica and Times New Roman walk into a bar. “Get out of here!” shouts the bartender. “We don't serve your type.”
Playfair Display	Helvetica and Times New Roman walk into a bar. “Get out of here!” shouts the bartender. “We don't serve your type.”
PT Serif	Helvetica and Times New Roman walk into a bar. “Get out of here!” shouts the bartender. “We don't serve your type.”

Text Styles

Text stlyes can help keep your website uniform. Also to assist in quick element formatting.

Heading <h1>

font-weight: 800;
font-size: 70px;
font-family: 'Poppins', sans-serif;

Sub-headings <h2>

font-weight: 600;
font-size: 28px;
font-family: 'Playfair Display', serif;

Photo/Video Title <h2-6>

font-weight: 400;
text-decoration: underline;
font-size: 20px;
font-family: 'PT Serif', serif;

Paragraph<p>

font-weight: 400;
font-size: 18px;
font-family: 'Lato', sans-serif;

List <li>

font-weight: 400;
font-size: 18px;
font-family: 'Playfair Display', serif;

My current catalog of colors, fonts, and styles.