Skip to Main Content Skip to Footer Content

Free Shipping on orders of $99+ with code GPWBFS - Promo Details

Shop New Home Decor Arrivals

Explore Decorating Styles

This website uses clickstream and cookie data identifiers to enable our website functionalities, to enhance user experience or to analyze performance and traffic. We may also share information about your use of our site with our social media, advertising, and analytics partners. This allows us to perform targeted advertising and to select ads and content that will be more relevant to you. By using this site you agree to our Privacy Policy, Terms of Use, which provide more details on the data we process and your privacy options.

Style Guide

Color Typography Buttons Cards Tables Cart Group Ratings Grid Forms Popovers Tooltips Dialogs Alerts Utilities Icons

Color Palette

Primary

Secondary

Tertiary

Background

Accent

Gold

Call To Action

Typography

Headings

h1 HEADING Heading

h2 HEADING Heading

h3 HEADING Heading

h4 HEADING Heading

h4 HEADING Heading

h1 Heading
h2 Heading
h3 Heading
h4 Heading
h5 Heading

Anchor Link

This is an anchor with a link color

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed placerat tempor eros sed feugiat. In massa ipsum, venenatis sit amet ligula in, congue tincidunt risus. This is an anchor with a link color within a paragraph aum sociis natoque penatibus et magnis dis parturient montes. Maiores, ut reiciendis eius ratione non maxime tenetur quam vero molestiae cumque.

This is a More Link

Paragraph

This is BODY copy. Aliquam feugiat semper purus mattis auctor. Sed placerat tempor eros sed feugiat. In massa ipsum, venenatis sit amet ligula in, congue tincidunt risus. Proin et ornare tortor. Etiam egestas. Proin id porta odio. Vivamus pulvinar bibendum est id imperdiet.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique est cupiditate, minus maiores impedit aperiam at ea vero expedita pariatur illo natus iure a, vel alias dolores. Eos, perferendis, voluptatem? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores, ut reiciendis eius ratione non maxime tenetur quam vero molestiae cumque, nulla expedita at. Animi, recusandae adipisci doloremque veritatis. Dolorem, aliquam.

Text Styling

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Nullam id dolor id nibh ultricies vehicula ut id elit.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Maecenas sed diam eget risus varius blandit sit amet non magna.

Etiam porta sem malesuada magna mollis euismod.

Donec ullamcorper nulla non metus auctor fringilla.

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Nullam id dolor id nibh ultricies vehicula ut id elit.
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.
Maecenas sed diam eget risus varius blandit sit amet non magna.
Etiam porta sem malesuada magna mollis euismod.
Donec ullamcorper nulla non metus auctor fringilla.

Buttons

Extra Small Buttons

Small Buttons

Standard Buttons

Standard Anchor as Button

Link Button Primary Secondary Tertiary Accent Add to Cart

Link Button
Primary
 Secondary
 Tertiary
Accent
 Add to Cart

Large Buttons

Cards

Default Cards

Default

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes.

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes.

Default Transparent

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes

Default Borderless

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes

Default Underline

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes


    ...
    ...


    ...


    ...
    ...


    ...
    ...


    ...
    ...

Primary Cards

Primary

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes.

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes.

Primary Transparent

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes

Primary Borderless

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes

Primary Underline

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes


    ...
    ...


    ...


    ...
    ...


    ...
    ...


    ...
    ...

Secondary Cards

Secondary

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes.

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes.

Secondary Transparent

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes

Secondary Borderless

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes

Secondary Underline

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes


    ...
    ...


    ...


    ...
    ...


    ...
    ...


    ...
    ...

Tertiary Cards

Tertiary

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes.

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes.

Tertiary Transparent

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes

Tertiary Borderless

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes

Tertiary Underline

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes


    ...
    ...


    ...


    ...
    ...


    ...
    ...


    ...
    ...

Accent Cards

Accent

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes.

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes.

Accent Transparent

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes

Accent Borderless

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes

Accent Underline

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes


    ...
    ...


    ...


    ...
    ...


    ...
    ...


    ...
    ...

Call-To-Action Cards

Call-To-Action

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes.

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes.

Call-To-Action Transparent

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes

Call-To-Action Borderless

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes

Call-To-Action Underline

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes


    ...
    ...


    ...


    ...
    ...


    ...
    ...


    ...
    ...

Card with Collapse

Card Default

Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes. Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes. Maecenas faucibus velit sit amet lacus varius pharetra. Curabitur sapien erat, aliquet sit amet mi sit amet, commodo porta lacus. Cum sociis natoque penatibus et magnis dis parturient montes.


    ...
    ...

Tables

Basic Table

Default

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

Default with Borders

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

Default with Borders and Stripes

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

Primary with Borders and Stripes

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

Secondary with Borders and Stripes

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

Tertiary

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

Cart Group

Cart Group

Item

Availability

Quantity

Price

Total

Widget PREMIUM Product From ACME South

Widget PREMIUM Product From ACME South

#8675309

In Stock

$51.50

$51.50

Total Group

Label

$0,000.00

Label

$0,000.00

Label

$0,000.00

Label

$0,000.00

Label

$0,000.00

Label

$0,000.00

Order Subtotal

$0,000.00

Ratings

Select Rating

Large

Medium

Default

Grid

Class Prefix for 12 Column Grid

Extra small devices Phones (<768px)	Small devices Tablets (≥768px)	Medium devices Desktops (≥992px)	Large devices Desktops (≥1200px)
`.col-sm-`	`.col-md-`	`.col-lg-`	`.col-xl-`

12 Column Grid

col-lg-1

col-lg-11

col-lg-2

col-lg-10

col-lg-3

col-lg-9

col-lg-4

col-lg-8

col-lg-5

col-lg-7

col-lg-6

col-lg-6

col-lg-7

col-lg-5

col-lg-8

col-lg-4

col-lg-9

col-lg-3

col-lg-10

col-lg-2

col-lg-11

col-lg-1

col-lg-4

col-lg-4

col-lg-4

col-lg-3

col-lg-3

col-lg-3

col-lg-3

col-lg-2

col-lg-2

col-lg-2

col-lg-2

col-lg-2

col-lg-2

col-lg-1

col-lg-1

col-lg-1

col-lg-1

col-lg-1

col-lg-1

col-lg-1

col-lg-1

col-lg-1

col-lg-1

col-lg-1

col-lg-1

2 Column with Sidebar

3 columns

9 columns


  3 columns
  9 columns

Two-Column, Proportions Change Depending on Breakpoint

3 columns on md devices
6 columns on sm devices

9 columns on md devices
6 columns on sm devices


    Foo
    Foo

Product Grid

Product

Product

Product

Product

Product

Product

Product

Product

Product

Product

Product

Product

On lg devices the layout will be 4-Up (3 column / 12 column = 4)
On md devices the layout will be 3-Up (4 column / 12 column = 3)
On sm devices the layout will be 3-Up (4 column / 12 column = 3)
On xs devices the layout will be 2-Up (6 column / 12 column = 2)


    Product
    Product
    Product
    Product
    Product
    Product
    Product
    Product
    Product
    Product
    Product
    Product

Offset


    Centered Column

Centered Column Above Mobile, Full Width on Mobile

Forms

Default Form

Label One

Label Two

Label Three

Label Four

Label Five


    
        Label One
        
    
    
        
            
                Label Two
                
            
        
        
            
                Label Three
                
            
        
        
            
                Label Four
                
            
        
        
            
                Label Five

Horizontal Form

Label

Read-Only Value

Label

Label


    
        Label
        
            Read-Only Value
        
    
    
        Label
        
            
        
    
    
        Label

Inline Form

Plus Minus Quantity

Popovers

Popovers

Tooltips

Tooltips

Dialogs

Dialogs

The following dialogs should be opened from a URL. This will open the page in an iframe.

Default Dialog with Button

Default with Button

Default Dialog with Link

Default Dialog with Link

YouTube Dialog

PDF Dialog

PDF Dialog

Dialog without Header/Footer

Dialog without Header/Footer

Alerts

Alerts

Success This was done correctly. Collect $200.

Info This is information you might want to know.

Warning This is very important info.

Danger You did something wrong. Please fix it and try again.


   Success This was done correctly. Collect $200.


   Info This is information you might want to know.


   Warning This is very important info.


   Danger You did something wrong. Please fix it and try again.

Utilities

Utilities

Responsive Utilities

	Extra small devices Phones (<768px)	Small devices Tablets (≥768px)	Medium devices Desktops (≥992px)	Large devices Desktops (≥1200px)
`.visible-xs-*`	Visible	Hidden	Hidden	Hidden
`.visible-sm-*`	Hidden	Visible	Hidden	Hidden
`.visible-md-*`	Hidden	Hidden	Visible	Hidden
`.visible-lg-*`	Hidden	Hidden	Hidden	Visible
`.d-none d-sm-block`	Hidden	Visible	Visible	Visible
`.d-sm-none .d-md-block`	Visible	Hidden	Visible	Visible
`.hidden-md`	Visible	Visible	Hidden	Visible
`.hidden-lg`	Visible	Visible	Visible	Hidden

Group of classes	CSS `display`
`.visible-*-block`	`display: block;`
`.visible-*-inline`	`display: inline;`
`.visible-*-inline-block`	`display: inline-block;`

Gutter

Adds gutter spacing ABOVE any element

Adds gutter spacing BELOW any element

Adds gutter spacing ABOVE any element
Adds gutter spacing BELOW any element

Alignment

Left aligned text.

Center aligned text.

Right aligned text.

Left aligned text.
Center aligned text.
Right aligned text.

Floats


    ...
    ...

Icons

Icons via Font Awesome

Font Awesome Free 6.5.1

View All Icons

Search/browse all available icons

Style	Style Prefix	Example	Rendering
Solid	`fas`	`<i class="fas fa-file"></i>`
Regular	`far`	`<i class="far fa-file"></i>`
Brands	`fab`	`<i class="fab fa-font-awesome"></i>`

Examples

Solid

Regular