The design system for the XCoffee intranet
H1 (use this by applying the H1 tag)
H2 (use this by applying the H2 tag)
H3 (use this by applying the H3 tag)
H4 (use this by applying the H4 tag)
Paragaph (use this by applying the P tag)
The lazy fox jumped over the quick brown dog. The lazy fox jumped over the quick brown dog. The lazy fox jumped over the quick brown dog. The lazy fox jumped over the quick brown dog. The lazy fox jumped over the quick brown dog.
Lead (use this by applying the class="lead" to the P tag)
The lazy fox jumped over the quick brown dog. The lazy fox jumped over the quick brown dog. The lazy fox jumped over the quick brown dog. The lazy fox jumped over the quick brown dog. The lazy fox jumped over the quick brown dog.
Button primary (use this by applying the class="btn btn-primary" to a button)
Button secondary (use this by applying the class="btn btn-secondary" to a button)
Button success (use this by applying the class="btn btn-success" to a button)
Button info (use this by applying the class="btn btn-info" to a button)
Button warning (use this by applying the class="btn btn-warning" to a button)
Coffee Beans
#8a5d3c
Coffee Dark
#54494b
Coffee Gray
#727d71
Coffee Brown
#6d4c3d
Coffee Arabica
#ce6c47
Coffee Lead
#7e8287
Coffee Latte
#eee9dc