Il tuo browser non è aggiornato!

Aggiornalo per vedere questo sito correttamente. Aggiorna ora

Styleguide Ferrari

BACKGROUND LIGHT

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod link ut laoreet dolore link hover aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation 
 selection suscipit lobortis nisl ut aliquip ex ea commodo consequat

BACKGROUND DARK

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod link ut laoreet dolore link hover aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation 
 selection suscipit lobortis nisl ut aliquip ex ea commodo consequat

Palette

.bg-inverse{ background-color : #11111; }
.bg-gray{ background-color : #323232; }
.bg-gray-light{ background-color : #666666; }
.bg-gray-lighter{ background-color : #9B9B9B; }
.bg-faded{ background-color : #F6F6F6; }
.bg-primary{ background-color : #998245; }

Button

.btn.btn-primary
.btn.btn-outline-primary
.btn.btn-block.btn-primary
.btn.btn-secondary
.btn.btn-outline-secondary
.btn.btn-primary.btn-secondary
.btn.btn-inverted
.btn.btn-outline-inverted
.btn.btn-inverted.btn-secondary

heading

h1 >> XS : 24px SM : 30px MD : 36px LG : 40px XL : 40px

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

h2 >> XS : 20px SM : 24px MD : 28px LG : 30px XL : 30px

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

h3 >> XS : 18px SM : 22px MD : 24px LG : 28px XL : 28px

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

h4 >> XS : 16px SM : 18px MD : 20px LG : 24px XL : 24px

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

h5 >> XS : 16px SM : 16px MD : 18px LG : 20px XL : 20px
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
h6 >> XS : 16px SM : 16px MD : 16px LG : 16px XL : 16px
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
p >> XS 14pxSM e Maggiori 16px

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat

p.lead >> XS 16px / 22px SM 18px / 26px MD e maggiori 20px / 28px

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat

p.small >> XS 13px / 16px

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat

p.blockquote

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat

.text ul
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore