Web Style & Brand Usage Guidelines

Nocs Provisions

.h1

For page headers/heros and titles of pages


Enhance Your Experience

.h2

Heading titles of sections


Binoculars
Reinvented

.h3

Less important heading titles of smaller sections, and heading titles to card designs


Latest Stories

.h4

Titles smaller groups of information


For Everyday

For Activity

For Travel

.h5

dates & information on cards, authors of quotes


Sam Bennet, 11/10/2022

.h6

Titles of lists, Product Card Titles


Field Issue 8x32

.pdp-title

Titles of products on PDP pages


Field Issue 8x32


STANDARD ISSUE WATERPROOF BINOCULARS

.pull

Large text for Pullquotes, Marquee text scrolling text, artisitic titles


Shop by Category

.pull-small

Slightly smaller text for Pullquotes, Marquee text scrolling text, artisitic titles


Stay up to date with all things Nocs.

.lead

Descriptive / accent text, leading into titles of sections or cards


OUR PRODUCTS


Select your tech


Best in Class optics

.lead-sub

Detail text, used in prices in the navigation


$95.00


Select your tech


Best in Class optics

p // default paragraph

We began our search for the perfect travel binocular: great optics in a compact, rugged housing, at a price that didn't break the bank. They didn't exist, so we built them.


We began our search for the perfect travel binocular: great optics in a compact, rugged housing, at a price that didn't break the bank. They didn't exist, so we built them.

.large

Larger paragraph text


We began our search for the perfect travel binocular: great optics in a compact, rugged housing, at a price that didn't break the bank. They didn't exist, so we built them.

.medium

Medium sized paragraph text


We began our search for the perfect travel binocular: great optics in a compact, rugged housing, at a price that didn't break the bank. They didn't exist, so we built them.

.small

small detail text / paragraphs


2023 Nocs Provisions All Rights Reserved

.accent

detail text / used in places like the cart for variant names


CYPRESS (GREEN)

IRIS (PURPLE)

.btn // buttons

Learn More Shop Now

color alternatives

Shop Now

color alternatives with dark backgrounds



"Link" style alternative

Shop Now

.nav-item // Navigation in the Nav & Footer