Slate Theme

Minimal, neutral, clean theme designed for content-heavy sites, reading, and simplicity.

1. Navbar

2. Buttons

3. Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Display 1

This is a lead paragraph. Clean and understated slate graphite atmosphere.

Regular body text using Inter font stack. Highlighted text, underlined text, and bold text.

Standard link and Secondary link.

Simplicity is about subtracting the obvious and adding the meaningful.

John Maeda in Source Title

4. Tables

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

5. Forms

@
Please provide a valid input.

6. Navs & Tabs

7. Alerts

8. Badges

Primary Secondary Success Danger Pill

9. Progress & Spinners

10. List groups

  • An active item
  • A second item
  • A third item
  • A disabled item
Linked active item Linked item Linked item

11. Cards

Card Header
Card Title

Some quick example text to build on the card title.

Go somewhere
Primary Header
Primary Card

Content looks clean on slate gray backgrounds too.

Border Primary
  • An item
  • A second item

12. Accordions

This is the first item's accordion body. It is shown by default.

Content for the second accordion item.

13. Carousel

14. Modals

15. Offcanvas

Offcanvas
Some text as placeholder for offcanvas element in Slate theme.

16. Popovers and Tooltips

17. Toasts

18. Placeholders

19. Misc