Style Guidelines for SignCut
The key brand resources and fundamentals to get started with our brand. Find logos, colors and typography specification.
Colors
Crimson
#B31228
179, 18, 40
Mine Shaft 1
#1F1F1F
31, 31, 31
Mine Shaft 2
#333333
51, 51, 15
Mine Shaft 3
#474747
71, 71, 71
Dove Gray
#676767
103, 103, 103
Silver
#CCCCCC
204, 204, 204
Alabaster
#F7F7F7
247, 247, 247
White
#FFFFFFF
255, 255, 255
Typography
Aa
Titillium Web
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
0123456789 (!@$%&*;)
Headings
H1 SignCut Style Guide
H2 SignCut Style Guide
H3 SignCut Style Guide
H4 SignCut Style Guide
H5 SignCut Style Guide
H6 SignCut Style Guide
Content Formatting
This is the page header title
And this is the page header text
This is a lead paragraph.
This is an ordinary paragraph that is long enough to wrap to multiple lines so that you can see how the line spacing looks. Notice the different display texts below:
Display text 1
Display text 2
Display text 3
Display text 4
Muted color paragraph.
Warning color paragraph.
Danger color paragraph.
Info color paragraph.
Success color paragraph.
This is text in a small wrapper. NBD, right?
Here's what a blockquote looks like.
Use small to identify the source.
- Normal Unordered List
- Can Also Work
- With Nested Children
- Adds Bullets to Page
- Normal Ordered List
- Can Also Work
- With Nested Children
- Adds Bullets to Page
function preFormatting() { // looks like this; var something = somethingElse; return true;}
UI Components
Buttons
