Welcome to Indiepaper, a Hugo theme that embodies the principles of the smolweb and IndieWeb movements. This post demonstrates the various features and typographic elements available in the theme.

Typography

The theme uses system fonts to ensure fast loading and consistent appearance across devices. Headers use a geometric humanist sans-serif stack, while body text uses an old-style serif for optimal readability.

Headers

H1 Header

H2 Header

H3 Header

H4 Header

H5 Header

H6 Header

Text Elements

You can use bold text for emphasis, italic text for citations, and strikethrough for deletions.

For code, use inline code for short snippets:

1
2
3
4
5

/* CSS example */
.container {
  max-width: 65ch;
  margin: 0 auto;
}

Lists

Unordered List

• First item
• Second item
  • Nested item
  • Another nested item
• Third item

Ordered List

1. First step
2. Second step
3. Third step

Quotes

“The web is more a social creation than a technical one. I designed it for a social effect — to help people work together — and not as a technical toy.”

— Tim Berners-Lee

Links and Media

You can include links to other sites and reference other posts within your blog.

IndieWeb Features

This theme supports all major IndieWeb protocols:

• Microformats2: Every post includes h-entry markup
• Webmentions: Receive and display responses from across the web
• Micropub: Publish to your site from compatible clients
• Rel-me: Verify your identity on social platforms

Accessibility

Indiepaper is built with accessibility in mind:

• Semantic HTML5 structure
• Proper heading hierarchy
• Keyboard navigation support
• Screen reader friendly
• 4.5:1 contrast ratios for text

This is just a sample of what’s possible with Indiepaper. The theme stays out of your way so you can focus on what matters most: your content.