DDeck
Styles Guides
Headings
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Paragraphs
A short introduction sets the tone. It gives readers enough context to understand the message and a reason to keep reading.
Right aligned
A short introduction sets the tone. It gives readers enough context to understand the message and a reason to keep reading.
Justified
A short introduction sets the tone. It gives readers enough context to understand the message and a reason to keep reading.
Lists
Unordered list
- Item number one
- Item number two
- A nested item
- A nested item
- A final item
Ordered list
- Item number one
- Item number two
- A nested item
- A nested item
- A final item
Stepper
- Create account
- Confirm email
- Update profile
- Finish
Callouts
Information callout
Warning callout
Danger callout
Success callout
primary alert—check it out!
A simple accent alert—check it out!
A simple inverse alert—check it out!
A simple secondary alert—check it out!
Quotes
This is a Quote.
By an Author
Tables
| Header row 1 | Header row 1 | Header row 1 | Header row 1 |
|---|---|---|---|
| body cell | body cell | body cell | body cell |
| body cell | body cell | body cell | body cell |
Stripped
| Header row 1 | Header row 1 | Header row 1 | Header row 1 |
|---|---|---|---|
| body cell | body cell | body cell | body cell |
| body cell | body cell | body cell | body cell |
Row hover
| Header row 1 | Header row 1 | Header row 1 | Header row 1 |
|---|---|---|---|
| body cell | body cell | body cell | body cell |
| body cell | body cell | body cell | body cell |
Code
This is a code blockButtons
| Primary | Accent | Success | Warning | Danger | Info | Inverse | Secondary | |
|---|---|---|---|---|---|---|---|---|
| Solid | Action | Action | Action | Action | Action | Action | Action | Action |
| Subtle | Action | Action | Action | Action | Action | Action | Action | Action |
| Outline | Action | Action | Action | Action | Action | Action | Action | Action |
| Text | Action | Action | Action | Action | Action | Action | Action | Action |
Accordions
Summary
Body
Summary 2
Body 2
Inline elements
HTML defines a long list of available inline tags, a complete list of which can be found on the Mozilla Developer Network.
- To bold text, use
<strong>. - To italicize text, use
<em>. - To highlight, use
<mark>. - Abbreviations, like HTML should use
<abbr>, with an optionaltitleattribute for the full phrase. - Citations, like — Mark Otto, should use
<cite>. Deletedtext should use<del>and inserted text should use<ins>.- Superscript text uses
<sup>and subscript text uses<sub>.
Most of these elements are styled by browsers with few modifications on our part.
Quotes
Documentation is a love letter that you write to your future self. Clear writing today saves countless hours of confusion tomorrow.
Fonts variants
To be completed
Inline images
Complexe showcase
Writing clear and effective documentation is essential for any project. When you create content that others will read and use, proper formatting makes all the difference. Good documentation helps users understand complex concepts quickly and efficiently.
The foundation of great documentation starts with understanding your audience and their needs. Writers should focus on clarity, consistency, and providing practical examples that readers can follow.
Build with DDeck by Blend IT