Styles

This page is here to show off styles for standard page elements such as typography, form elements, and icons. These are hard coded in an alternate page template file.

---

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Paragraphs

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.

Suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.

Type styles

• Strong
• Emphasis
• Inline link
• Strike
• ^Sup

Buttons

Main buttons

Add to cart
Add to cart

Large buttons

Add to cart
Add to cart

Regular buttons

Add to cart
Add to cart

Small buttons

Add to cart
Add to cart

Text buttons

Text button
Large text button
Regular text button
Small text button

Link buttons

Shop Herren

Banner buttons

Shop Dammen

Buttons with icons

Proceed to checkout
Proceed to checkout

Default input

Default input

Default disabled input

Default success input

Default error input

Error message

Textarea

Checkbox

Set as default address

Radio

Custom select

Default custom select (with placeholder value)

Custom select with label (with placeholder value)

Floating label custom select (with fallback option value)

Input group

Default input group

Floating label input group

Floating label disabled input group

Floating label error input group

Error message

Form

First Name

Last Name

Address

Quantity selector

Badges

Tags

Accordion

Single open accordion

Multiple open accordions

Breadcrumbs

Object card

Slider