Indieweb Starter Blog

Style Guide

Typography

Heading 1

Heading 2

Heading 3

Heading 4

This is regular paragraph text. It should be readable and comfortable for extended reading sessions.

This is smaller text used for metadata and secondary information.

Colors

Primary Blue

Gray

Success Green

Error Red

Components

Buttons

Tags

#example #tag #demo

Cards

Card Title

This is an example card component with some content.

Prose Styles

This section demonstrates the prose styling used for blog content.

This is a blockquote. It should stand out from regular text and be easily identifiable.

  • Unordered list item one
  • Unordered list item two
  • Unordered list item three
  1. Ordered list item one
  2. Ordered list item two
  3. Ordered list item three
// Code block example
function example() {
  return "Hello, world!";
}

Here's some text with inline code and a link example.