Cart 0 items: $0.00
TOP

Style Guide

 

Header Styles

Heading h1

This is a heading h1 set in 26px in Gilda Display font. 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.

Heading h2

This is a heading h2 set in 24px in Gilda Display font. 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.

Heading h3

This is a heading h3 set in 20px in Gilda Display font. 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.

Heading h4

This is a heading h4 set in 17px in Gilda Display font. 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.

Heading h5

This is a heading h5 set in 16px in Source Sans Pro font. 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.

Heading h6

This is a heading h6 set in 14px in Source Sans Pro font. 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.

List Styles

Unordered List
  • Lorem ipsum dolor sit amet.
  • Aliquam tincidunt mauris eu risus.
  • Vestibulum auctor dapibus neque.
  • Nunc dignissim risus id metus.
Ordered List
  1. Cras ornare tristique elit.
  2. Vivamus vestibulum nulla nec ante.
  3. Praesent placerat risus quis eros.
  4. Fusce pellentesque suscipit nibh.

Link Styles

Primary Link Button

Modal Link Button

Large Link Button

Regular Text Link

Alt Link Button

Modal Link Alt Button


 

Instructions


Banner Image

The banner image is managed through Content Blocks under Content Editor > Content Blocks > Feature Banner.

Featured Wine

This is a product group. You can add products to this by going to Store > Products > Click on product > Categories > Product Groups > and select Featured Wine and then 'Save'.

Homepage Content

The text is being pulled in from the 'Homepage' page in the Content Editor. The image is managed by content blocks and can be changed under Content Editor > Content Blocks > Homepage Middle Banner. 

Three Up Content Sections

These three sections of content are managed through content blocks and can be managed under Content Editor > Content Blocks. The image, title, content, button text, and button link can be changed. Also, there can either be three 'Homepage Features' or a combination of two 'Homepage Features' and one 'Subscribe Homepage Feature'. 

Footer Pages

The pages that show up in the footer are managed in the Content Editor. To add or remove a page from the footer, select the page, click Page Properties, for Footer Menu select Yes or No.

Social Icons

The social media icons available to use are Facebook, Twitter, Google Plus, Pinterest, Instagram, Vimeo, Yelp, and Youtube. These are not editable and must be changed by our design team. During the setup process, please send the corresponding links to your project manager. 

 

Did you break something?

Luckily for you we have included the default HTML and CSS files for this template that you can download right here.

HTML (v65 HTML Template Vinea)

Download

CSS

Download