Website Style Guide

Welcome to my style guide!
This site will be updated as I progress through the course, adding new sections and applying some improvements. I hope you like the result and, if you want, you can leave me a feedback in the dedicated post in the Codecademy forum, or you can find me in the Discord server!

Colors

  • Light - hsl(41, 65%, 90%)

  • Dark - hsl(206, 15%, 20%)

  • First - hsl(177, 25%, 60%)

  • Second - hsl(29, 70%, 70%)

Typography

Titles & Headings

  • H1 - Listen to my story.

  • H2 - Listen to my story.

  • H3 - Listen to my story.

Body Text

Why do you build, knowing destruction is inevitable? Why do you yearn to live, knowing all things must die? Knowing that none of it will have meant anything once you do? Life. Dreams. Hope. Where do they come from? Where do they go? Such meaningless things...

Hyperlink

Rulesets

Heading 1

font-family: 'Advanced Pixel 7'

font-size: 4.5rem

font-weight: 400

Heading 2

font-family: 'VP Pixel Simplified'

font-size: 2rem

Heading 3

font-family: 'VP Pixel Simplified'

font-size: 1.6rem

Paragraph

font-family: 'VP Pixel Simplified'

font-size: 1.3rem

letter-spacing: 1px

Buttons

Improvements

  1. Add more topics (Spacing, Grids, Forms)

  2. Dark Mode! (When I'll learn JavaScript...)