Frontend Gulp Boilerplate

Source code available on Github

Node version  Gulp version  License

Barba  Loadx  Locomotive scroll  Vanilla lazyload

Colors

Primary

  • --primary-lighter
  • --primary-light
  • --primary
  • --primary-dark
  • --primary-darker

Secondary

  • --secondary-lighter
  • --secondary-light
  • --secondary
  • --secondary-dark
  • --secondary-darker

Monochromes

  • --white
    --black
  • --gray-100
  • --gray-200
  • --gray-300
  • --gray-400

 

  • --gray-500
  • --gray-600
  • --gray-700
  • --gray-800
  • --gray-900

Buttons

Heading

H1 Lorem ipsum dolor sit amet

H2 Aliquam tincidunt mauris eu risus

H3 Vestibulum auctor dapibus neque

H4 Nunc dignissim risus id metus

H5 Cras ornare tristique elit
H6 Vivamus vestibulum ntulla nec ante

Lists

ol

  1. Lorem ipsum dolor sit
  2. Aliquam tincidunt mauris
  3. Vestibulum auctor dapibus
  4. Nunc dignissim risus
  5. Cras ornare tristique

ul

  • Lorem ipsum dolor sit
  • Aliquam tincidunt mauris
  • Vestibulum auctor dapibus
  • Nunc dignissim risus
  • Cras ornare tristique

ul without generic style

  • Lorem ipsum dolor sit
  • Aliquam tincidunt mauris
  • Vestibulum auctor dapibus
  • Nunc dignissim risus
  • Cras ornare tristique

Wysiwyg

H2 Doloremque veritatis, accusamus reprehenderit.

Lorem ipsum dolor sit amet, consectetur strong similique. Repudiandae molestiae fugiat voluptatibus aperiam sint similique cupiditate totam inventore quo eum. Est obcaecati neque anchor quaerat consequatur. Sapiente iste molestias provident.

  • Lorem ipsum dolor sit
  • Aliquam tincidunt mauris
  • Vestibulum auctor dapibus
  • Nunc dignissim risus
  • Cras ornare tristique

H3 Integer vitae libero ac risus egestas placerat.

Lorem ipsum dolor sit amet, consectetur strong similique. Repudiandae molestiae fugiat voluptatibus aperiam sint similique cupiditate totam inventore quo eum. Est obcaecati neque anchor quaerat consequatur. Sapiente iste molestias provident.

  1. Lorem ipsum dolor sit
  2. Aliquam tincidunt mauris
  3. Vestibulum auctor dapibus
  4. Nunc dignissim risus
  5. Cras ornare tristique

H4 Vestibulum commodo felis quis tortor.

Lorem ipsum dolor sit amet, consectetur strong similique. Repudiandae molestiae fugiat voluptatibus aperiam sint similique cupiditate totam inventore quo eum. Est obcaecati neque anchor quaerat consequatur. Sapiente iste molestias provident.

H5 Donec quis dui at dolor tempor interdum.

Lorem ipsum dolor sit amet, consectetur strong similique. Repudiandae molestiae fugiat voluptatibus aperiam sint similique cupiditate totam inventore quo eum. Est obcaecati neque anchor quaerat consequatur. Sapiente iste molestias provident.

H6 Integer vitae libero ac risus egestas placerat.