Theme: Default

This is a HTML preview of a CoreSheet theme. The page is a reduced form of the components template which is included in the framework package.

Download theme Sass file

h1 Heading 38px

h2 Heading 32px

h3 Heading 26px

h4 Heading 20px

h5 Heading 16px
h6 Heading 12px


The body copy is wrapped in regular <p> tags. There is no need for certain classes. You can define the paragraph's margin in the coresheet-config.scss file.

This is an unordered list:

  • List item
  • List item
  • List item

Ordered and unordered lists are not styled by default in CoreSheet.


Forms are built up using common input elements. Radio options and checkboxes are fully customizable via CSS. Also the color of the placeholder texts inside the input fields has been normalized so it looks equal in all major browsers. There is also also a CSS class for additional form information, like displaying validation errors or password strength hints. The appearance of all form elements can be adjusted in the respective CoreSheet theme Sass file.

This is an additional info text

Default style


Outline style


Configurable colors and borders

Item Column 1 Column 2 Column 3
1 Row 1 Row 1 Row 1
2 Row 2 Row 2 Row 2
3 Row 3 Row 3 Row 3
4 Row 4 Row 4 Row 4