Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.
Style Guide
Color
Neutral / Gray Scale
Black
$color-black
var(--color-black)
Neutral 900
$color-neutral-900
var(--color-neutral-900)
Neutral 800
$color-neutral-800
var(--color-neutral-800)
Neutral 700
$color-neutral-700
var(--color-neutral-700)
Neutral 600
$color-neutral-600
var(--color-neutral-600)
Neutral 500
$color-neutral-500
var(--color-neutral-500)
Neutral 400
$color-neutral-400
var(--color-neutral-400)
Neutral 300
$color-neutral-300
var(--color-neutral-300)
Neutral 200
$color-neutral-200
var(--color-neutral-200)
Neutral 100
$color-neutral-100
var(--color-neutral-100)
White
$color-white
var(--color-white)
Primary Colors
Color Primary 600
$color-primary-600
var(--color-primary-600)
Color Primary 500
(Primary Brand Color)
$color-primary-500
$color-primary
var(--color-primary-500)
var(--color-primary)
Color Primary 400
$color-primary-400
var(--color-primary-400)
Color Primary 300
$color-primary-300
var(--color-primary-300)
Color Primary 200
$color-primary-200
var(--color-primary-200)
Color Primary 100
$color-primary-100
var(--color-primary-100)
Secondary Colors
Brand Secondary 600
$color-brand-secondary-600
var(--color-brand-secondary-600)
Brand Secondary 500
$color-brand-secondary-500
var(--color-brand-secondary-500)
data-color-value
Brand Secondary 400
$color-brand-secondary-400
var(--color-brand-secondary-400)
data-color-value
Brand Secondary 300
$color-brand-secondary-300
var(--color-brand-secondary-300)
data-color-value
Brand Secondary 200
$color-brand-secondary-200
var(--color-brand-secondary-200)
data-color-value
Brand Secondary 100
$color-brand-secondary-100
var(--color-brand-secondary-100)
data-color-value
Typography Colors
Text Primary
$color-text-primary
var(--text-primary)
Layout + Component Colors
Border
$color-border
var(--color-border)
Support + Utility Colors
Success 400
$color-success-400
var(--color-success-400)
Success 300
$color-success-300
$color-success
var(--color-success-300)
var(--color-success)
Success 200
$color-success-200
var(--color-success-200)
Success 100
$color-success-100
var(--color-success-100)
Warning 400
$color-warning-400
var(--color-warning-400)
Warning 300
$color-warning-300
var(--color-warning-300)
Warning 200
$color-warning-200
$color-warning
var(--color-warning-200)
var(--color-warning)
Warning 100
$color-warning-100
var(--color-warning-100)
Error 400
$color-error-400
var(--color-error-400)
Error 300
$color-error-300
$color-error
var(--color-error-300)
var(--color-error)
Error 200
$color-error-200
var(--color-error-200)
Error 100
$color-error-100
var(--color-error-100)
Focus
$color-focus
var(--color-focus)
Focus Inverse
$color-focus-negative
var(--color-focus-negative)
Background Themes
.theme-light
.theme-dark
.theme-gray
.theme-dark-transparent
Typography
Fonts
Bebas Neue Pro
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
01234567890 !@$%”?,&
$font-family-heading
"Bebas Neue Pro", "Arial Black", "Arial Bold", Gadget, sans-serif;
Avenir Next
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
01234567890 !@$%”?,&
$font-family-paragraph
"Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
Courier Prime
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
01234567890 !@$%”?,&
$font-family-secondary
"Courier Prime", "Arial Black", "Arial Bold", Gadget, sans-serif;
Header Styles
H1 Display-1 style
.heading-1.display-1
H1 Header style
.heading-1
H2 Header style
.heading-2
H3 Header style
.heading-3
H4 Header style
.heading-4
H5 Header style
.heading-5
H6 Header Style
.heading-6
Scalable Header Styles
H1 Scalable
.heading-1.scalable
H2 Scalable
.heading-2.scalable
H3 Scalable
.heading-3.scalable
H4 Scalable
.heading-4.scalable
H5 Scalable
.heading-5.scalable
H6 Scalable
.heading-6.scalable
Action
Action SM
Action MD
Action Lg
Eyebrow
Eyebrow
Navigation
Input
Label
Value Medium
Value Small
Paragraph Styles
Paragraph Default
Tufulio's mount waterman chinese downhill. Paradise paradise sitzmark lifts white pass kitzbühel silver mountain glen plake. Winter park badger pass scott jay peak tree well silver mountain tuck it apres ski mount shasta baker mountain powder stash chinese downhill. Boreal rambo koflach grand targhee snowbasin sun valley the cliff.
Link inside body copy should look like this.
Paragraph Default
Tufulio's mount waterman chinese downhill. Paradise paradise sitzmark lifts white pass kitzbühel silver mountain glen plake. Winter park badger pass scott jay peak tree well silver mountain tuck it apres ski mount shasta baker mountain powder stash chinese downhill. Boreal rambo koflach grand targhee snowbasin sun valley the cliff.
Link inside body copy should look like this.
Paragraph Small
Tufulio's mount waterman chinese downhill. Paradise paradise sitzmark lifts white pass kitzbühel silver mountain glen plake. Winter park badger pass scott jay peak tree well silver mountain tuck it apres ski mount shasta baker mountain powder stash chinese downhill. Boreal rambo koflach grand targhee snowbasin sun valley the cliff.
Paragraph Small
Tufulio's mount waterman chinese downhill. Paradise paradise sitzmark lifts white pass kitzbühel silver mountain glen plake. Winter park badger pass scott jay peak tree well silver mountain tuck it apres ski mount shasta baker mountain powder stash chinese downhill. Boreal rambo koflach grand targhee snowbasin sun valley the cliff.
Paragraph Large
Tufulio's mount waterman chinese downhill. Paradise paradise sitzmark lifts white pass kitzbühel silver mountain glen plake. Winter park badger pass scott jay peak tree well silver mountain tuck it apres ski mount shasta baker mountain powder stash chinese downhill. Boreal rambo koflach grand targhee snowbasin sun valley the cliff.
Paragraph Large
Tufulio's mount waterman chinese downhill. Paradise paradise sitzmark lifts white pass kitzbühel silver mountain glen plake. Winter park badger pass scott jay peak tree well silver mountain tuck it apres ski mount shasta baker mountain powder stash chinese downhill. Boreal rambo koflach grand targhee snowbasin sun valley the cliff.
blockquote
Remember, if you don't do it this year, you'll be one year older when you do.
Caption
Theming
.theme-light
paragraph: Tufulio's mount waterman chinese downhill. Paradise paradise sitzmark lifts white pass kitzbühel silver mountain glen plake. Winter park badger pass scott jay peak tree well silver mountain tuck it apres ski mount shasta baker mountain powder stash chinese downhill. Boreal rambo koflach grand targhee snowbasin sun valley the cliff.
LinkUnderlined Link
.theme-dark
paragraph: Tufulio's mount waterman chinese downhill. Paradise paradise sitzmark lifts white pass kitzbühel silver mountain glen plake. Winter park badger pass scott jay peak tree well silver mountain tuck it apres ski mount shasta baker mountain powder stash chinese downhill. Boreal rambo koflach grand targhee snowbasin sun valley the cliff.
LinkUnderlined Link
.theme-gray
paragraph: Tufulio's mount waterman chinese downhill. Paradise paradise sitzmark lifts white pass kitzbühel silver mountain glen plake. Winter park badger pass scott jay peak tree well silver mountain tuck it apres ski mount shasta baker mountain powder stash chinese downhill. Boreal rambo koflach grand targhee snowbasin sun valley the cliff.
LinkUnderlined Link
.theme-dark-transparent
paragraph: Tufulio's mount waterman chinese downhill. Paradise paradise sitzmark lifts white pass kitzbühel silver mountain glen plake. Winter park badger pass scott jay peak tree well silver mountain tuck it apres ski mount shasta baker mountain powder stash chinese downhill. Boreal rambo koflach grand targhee snowbasin sun valley the cliff.
LinkUnderlined Link
Forms
Alerts
Additional Error Content
Forms
Alerts
Additional Error Content
Badges & Tags
- Tag Primary
- Tag Neutral
- Tag Stroked
- Badge
Iconography
Snippet usage:
{ % render 'icon-user' % }If in a loop:
{ % include 'icon-user' % }General Icons - 24px
UI Icons - 24px
Social Icons - 24px
Info Icons - 16px
Player Icons - 32px
Customer Support Icons
Logos
Container & Spacing
Container Full
.container
Container Large
.container-lg
Container Medium
.container-md
Container Small
.container-sm
Scalable Containers
.container-lg.scalable
.container-md.scalable
.container-sm.scalable
Spaced Section
.stacked-component
Another Spaced Section, Medium Spacing
.stacked-component.spacing-md
Stacked Spaced Sections, Spacing Small, Same Theme
.stacked-component.spacing-sm
This section has no padding-top
.stacked-component.spacing-sm + .stacked-component.spacing-sm
Page Sections
This is the Rich text section. Below this are other sections that can be used to build out pages.
Featured collection
layout is grid or carousel
Deerskin Roper Glove - Lined
Regular price
$169
Sale price
$169
Regular price
$169
Unit price
per
Description
The Duckworth Roper Glove represents an exquisite partnership of American-made excellence: Starting with 3oz North American deerskin tanned and forged into shape by the storied Sullivan Glove Co. out of Bend, Oregon, this hardy wintertime glove is then lined with our proprietary, bestselling Powder merino wool fleece. Our latest version features an added wrist snap closure to keep warmth in, and snow out.
Each pair of gloves is embossed with our Duckworth brand. Soft as butter, but durable enough for ranching and roping, these gloves only get better with age as deerskin leather will mold to your hand over time.
Durable, warm, American-made across every level. 'Nuff said.
**The color of the glove corresponds to the interior wool color, not the outer leather color.
Fabric
Why Duckworth Powder Fabric?
Glove Composition: 3oz tanned North American deerskin
Lining Composition: 50% Montana Merino Wool, 20% American Polyester, 30% Acrylic
Lining Weight: 300 gsm
Sizing & Wool Care
For sizing, you will measure the entire circumference of your palm and the backside of your hand, starting with either the middle of the palm, the space between your thumb and pointer finger, or the middle point of the side of your palm halfway below the pinky and above the wrist. Using a soft tape measure (or a string you can later measure with a ruler), take a full circumference measurement. If you are in between sizes, we recommend sizing up.
8 inches - Small (S)
9 inches - Medium (M)
10 inches - Large (L)
11 inches - Extra Large (XL)
Before wearing, we recommend applying a natural waterproof leather preservative. To prolong the life of your glove, continue to apply leather preservative depending on amount of use and level of performance. Spot clean only with natural leather cleaner. Do not wash, bleach, dry clean or iron.
Multimedia collage
American Hands Ballcap
Regular price
$45
Sale price
$45
Regular price
$45
Unit price
per
Multicolumn
Collapsible content
Collapsible row
Collapsible row
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.
Collapsible row
Collapsible row
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.
Collapsible row
Collapsible row
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.
Video
Blog posts
-
Read More VIDEO: Why do we make things in America?
| 1 min read -
Read More The Dogs
| 5 min read
-
Sheep to Shelf
Learn MoreWe don’t source wool, we grow it on our very own ranch in Montana. We carefully manage every step of the process, from fiber to finished garment. Sheep to Shelf.
-
Source Verified
Learn MoreTrust, quality and comfort are paramount, assured by the pedigree of our wool supply from our founder's ranch and select certified Rocky Mountain wool growers.
-
Made in USA
Learn MoreMerino Wool layers made in the country of origin of the fleece – The United States – creates value added product for our local economies, bringing heirloom jobs back.
- Choosing a selection results in a full page refresh.
- Opens in a new window.
