Base Style

Typography


Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

Strong

Bold

Emphasis

Italic

Strike

Mark

This content should certainly be licensed under some general license of some kind.

Creating a well thought out base style for a new website is one of the most critical parts to ensure an overall successful project progression.

The base style should contain all those basic HTML elements and their variations that will be needed within the website. May it be in standard formatted text, or within custom styled layout components.

The goal is to abstract the element designs just to the right level, so that they can be used in any context without further modifications, but to keep them flexible enough for custom adjustments when needed, without having to overwrite many CSS attributes.

The following markup is a best practice starting point to help you focus on what's important. It does not include all HTML elements, but as the theme is using normalize.css, elements will still be recoginzably styled, only without further customization.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Ctrl + Shift

Almost every developer's favorite molecule is C8H10N4O2, also known as "caffeine".

  • Item a
  • Item b
  • Item c
  1. Item 1
  2. Item 2
  3. Item 3
IdColumn 1Column 2
0Value 1Button 1
1Value 2Button 2
2Value 3Button 3
ResultButton Result
Table