Esempi di Colori

Test visivo per ciascuna variabile colore utilizzando background, testo e bordo.

accent

.bg-accent .border-accent .color-accent

light

.bg-light .border-light .color-light

grey

.bg-grey .border-grey .color-grey

dark

.bg-dark .border-dark .color-dark

primary

.bg-primary .border-primary .color-primary

secondary

.bg-secondary .border-secondary .color-secondary

tertiary

.bg-tertiary .border-tertiary .color-tertiary

quaternary

.bg-quaternary .border-quaternary .color-quaternary

quinary

.bg-quinary .border-quinary .color-quinary

senary

.bg-senary .border-senary .color-senary

septenary

.bg-septenary .border-septenary .color-septenary

octonary

.bg-octonary .border-octonary .color-octonary

nonary

.bg-nonary .border-nonary .color-nonary

denary

.bg-denary .border-denary .color-denary

white

.bg-white .border-white .color-white

black

.bg-black .border-black .color-black

Typography Headings

h1. Bootstrap heading

h2. Bootstrap heading

h3. Bootstrap heading

h4. Bootstrap heading

h5. Bootstrap heading
h6. Bootstrap heading

Typography Headings Display

Display 1

Display 2

Display 3

Display 4

Typography Inline text elements

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

You can use the mark tag to highlight text.

This line of text is meant to be treated as deleted text.

This line of text is meant to be treated as no longer accurate.

This line of text is meant to be treated as an addition to the document.

This line of text will render as underlined

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.

attr

HTML

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Typography List

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem
  • Lorem ipsum
  • Phasellus iaculis
  • Nulla volutpat

Buttons

Primary link accent
Primary link light
Primary link grey
Primary link dark
Primary link primary
Primary link secondary
Primary link tertiary
Primary link quaternary
Primary link quinary
Primary link senary
Primary link septenary
Primary link octonary
Primary link nonary
Primary link denary
Primary link white
Primary link black