Thomas Joe's Style Guide

Web Page Style Guide

This page will be used as a web style guide for the site by displaying common page elements here with the default styling shown.

What is a Web Style Guide?

A web style guide is a reference that helps to ensure brand consistency. A complete style guide will establish rules for visual elements of the site, such as typography, brand colors, and page components like buttons and alerts, as well as writing guidelines for voice, tone, etc. This will be a simplified style guide that I will add to as I learn more about building web pages.

Typography

Lists

Unordered Lists.
  • list Item 1
  • list Item 2
  • list Item 3
Ordered Lists
  1. list Item 1
  2. list Item 2
  3. list Item 3

Link States

Link

A standard link highlights the anchor text of a hyperlink to call attention to it.

Visited Link

A visited link highlights the anchor text of a hyperlink that has been visited to call attention to it.

Hover Link

A hover link highlights the anchor text of a hyperlink that has been hovered over with a mouse to call attention to it. Hover over this link to see the hover state.

Active Link

A visited link highlights the background or text of a hyperlink that has been selected to call attention to it. Click and hold this link to see the active state.