Swiss / International Style Theme

Strict grid, crisp Helvetica-like typography, bold monochrome palette with signal red accent.

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 showcasing the Swiss / International Style aesthetic.

Regular body text paragraph. Highlighted text, underlined text, and bold text.

Standard link and Secondary link.

Design is not just what it looks like and feels like. Design is how it works.

Steve Jobs 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

Card text rendered cleanly with theme primary background.

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 Swiss / International Style theme.

16. Popovers and Tooltips

17. Toasts

18. Placeholders

19. Misc