2802
Initiative Website Styleguide
Buttons
Here you can see some buttons for 2802.
Button: 100% Width
Button: 50% Width
Button: Small
Forms
Here you can see some form styles for 2802.
Input: Text
Input: Submit
Input: Submit 50% Width
Input: Reset
Input: Radio
Input: Checkbox
Input: Comma Separated
Input: Colour with Label
Input: Date with Label and Submit
Input: Date
Input: Email with Label and Submit
Input: Email
Input: Number with Label
Input: Number
Input: Range
012345
Input: Select
Input: Text Area
Typography
Here you can see some typography styles for 2802.
Heading 1
Some more text over two lines
Heading 2
Some more text over two lines
Heading 3
Some more text over two lines
Heading 4
Some more text over two lines
Heading 5
Some more text over two lines
Heading 6
Some more text over two lines
Paragraph
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Unordered List
- List item
- List item
- List item
- List item
Ordered List
- List item
- List item
- List item
- List item
Hyperlink
Bold/Strong
some text
Italics/Emphasis/Cite
some text
Blockquote
“Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.”
Caption
Some text
Code
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget.
Marked/Highlighted Text
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
Small
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
Table
| Table Head | Table Head | Table Head | Table Head |
|---|---|---|---|
| Text | 001 | Text | 001 |
| Text | 001 | Text | 001 |
| Text | 001 | Text | 001 |
| Text | 001 | Text | 001 |
Error Text
Some text