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
- list Item 1
- list Item 2
- 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.