Skip to main content

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

  1. Item number one
  2. Item number two
    1. A nested item
    2. A nested item
  3. A final item

Stepper 

  1. Create account
  2. Confirm email
  3. Update profile
  4. Finish

Callouts

Information callout

Warning callout

Danger callout

Success callout

Quotes

This is a Quote.

By an Author

Tables

Header row 1Header row 1Header row 1Header row 1
body cellbody cellbody cellbody cell
body cellbody cellbody cellbody cell

Stripped

Header row 1Header row 1Header row 1Header row 1
body cellbody cellbody cellbody cell
body cellbody cellbody cellbody cell

Row hover

Header row 1Header row 1Header row 1Header row 1
body cellbody cellbody cellbody cell
body cellbody cellbody cellbody cell

Code 

This is a code block

Buttons

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 optional title attribute for the full phrase.
  • Citations, like — Mark Otto, should use <cite>.
  • Deleted text 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

Image retirée.
Caption

 

Image retirée.
Wider

 

8bits demo

 

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