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

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

Nav Tabs

heading

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

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

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

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

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

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


                    p.small >> XS 13px / 16px


                    p.blockquote


                    .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

Ferrari promuove una cultura del bere responsabile che è parte dell’Arte di Vivere Italiana.

E’ una cultura legata alla ritualità del cibo e alla celebrazione dei momenti di convivialità, dove il consumo è moderato e consapevole.

Entra nel sito ferraritrento.com solo se condividi questo approccio e se hai l’età legale per bere alcolici nel tuo paese: ti aspetta un percorso all’insegna dell’eccellenza.