Clarity Theme

Business Category: Artist

Theme Specs:

(these details are modifiable)

Default Theme Font: Cabin
Theme Color Used: #00C8C5
Promotional Banner: enable
Header Accent: dark

Header Specs:

(these details cannot be altered)

Includes: Address, Cart (OLS), Phone, and Search (OLS)
Header Type: Static Header
Transparency: Solid
Nav Position: Stacked

Hero Specs:

(the alignment can be changed, the hero media type or hero size cannot)

Default Alignment: center
Looks Best Aligned: Left
Media Type: Split - Solid Color/Text and Video
Size: Content Width

Footer Specs:

(footer layout & accent can be changed - option to enable/disable icons & nav)

Footer Layout: inline
Footer Accent: light
Footer Social Icons: disable
Footer Navigation: hide

Hero Layout Options:

Additional Info:

Possible Use Cases - This theme's aesthetic could suit the following businesses:

Need-to-Know - Information about the theme / layouts changed from defaults:

Full width hero image is not possible but you can put the hero image to the right or left and make the hero accent dark or theme colored for a full width row effect
If you want to display the address in header, you can with this theme, but make it a condensed version of the address so it doesn’t drop to the next line on mobile

Alterations to theme defaults:

Changed the social section background to dark instead of white (default) to look better on demo
[GC OLS] Changed products images in featured section and on shop page from “shrink to fit” to “expand to fill” so the images appear to be the same height for aesthetic purposes
[GC OLS] Default product page settings are set to display 16 products per page in 4 columns – I changed it to display 12 products per page in 3 columns

Clarity Theme Live Demo:

PAGE SECTIONS & LAYOUTS:

GC Sections Demo

Desktop View:

clarity theme - homepage hero styled center - default

Mobile View:

clarity