Style Guide
font sizes
font styles
vexing daft Jim
vexing daft Jim
vexing daft Jim
vexing daft Jim
vexing daft Jim
spacing
colors
main colors
neutral colors
feedback colors
text colors
forms
Please fill in all fields.
Please check the form fields.
rte text
Silicon and oxygen constitute approximately {h1}
Very long, very thin, very elegant {h2}
Bitte verwenden Sie unseren Namen, unsere Logos oder Screenshots („Markenmaterialien“) nicht auf eine irreführende oder verwirrende Art oder auf eine Weise, die unsere Förderung, Unterstützung oder Zugehörigkeit suggeriert. Zum Beispiel sollten Ihr Name und Logo auffälliger sein als der Name oder das Logo von Dropbox. Und verändern oder bearbeiten Sie das Dropbox-Logo bitte nicht – uns gefällt es genau so, wie es ist.
Abraham Lincoln, February 12, 1809 {h3}
This guide goes beyond basic grammar and style points. It’s not traditional in format or content. We break a number of grammar rules for clarity, practicality, or preference.
Die Hard 1988 by John McTiernan with Bruce Willis {h4}
We invite you to use and adapt this style guide as you see fit. It’s completely public and available under a Creative Commons Attribution-NonCommercial 4.0 International license.
Surgeons Cut My Head Off – And Sewed It Back On {h5}
Line-height, traditionally known as leading, is one of several factors that directly contribute to readability and pacing of copy. Line-heights are based on the size of the font itself.
Alex Walter Diggelmann {h6}
We recommend using two sizes for body copy. The first is UI specific. To maximize screen real estate we chose a smaller 14px / 0.875rem body copy size for the standard UI console.
- Coffee
- Tea
- Milk
- First item
- Second item
- Third item
In mathematics, a function was originally the idealization of how a varying quantity depends on another quantity. For example, the position of a planet is a function of time.