Maxtana Creative

Gradients & Transparencies

Gradients

Swatch

Name

Formula

Notes

Name: Wine Red Linear Gradient T→B

Formula: #400204 / 100% →
#860404 / 100% →
#400204 / 100%

Notes: Gradient used for backgrounds and combined with Lace Pattern Background.

Name: Wine Red Linear Gradient L→R

Formula: #400204 / 100% →
#860404 / 100% →
#400204 / 100%

Notes: Gradient used for backgrounds and combined with Lace Pattern Background.

Name: Wine Red Linear Gradient 2 L→R

Formula: #400204 / 100% →
#860404 / 100%

Notes: Gradient used for backgrounds.

Name: Wine Red Linear Gradient 3 L→R

Formula: #400204 / 100% →
#860404 / 50% →
#860404 / 0%

Notes: Gradient used for footer backgrounds.

Name: Off White Linear Gradient T→B

Formula: #FAFAF9 / 90% →
#FAFAF9 / 85% →
#FAFAF9 / 90%

Notes: Used in tab group in the Our Craftsmanship section. Can be used for elements on top of dark backgrounds

Name: Light Gray Linear Gradient L→R

Formula: #ECECE9 / 100% →
#ECECE9 / 0%

Notes: Section overlays, used on homepage Hero & About section over background image.

Transparencies

Swatch

Name

Formula

Notes

Name: Siliko Red Transparency @ 20%

Formula: #860404 / 85%

Notes: Outer glow used around customer quote cards. Can be used on light backgrounds to make light elements stand out.

Name: Off White Transparency @ 85%

Formula: #FAFAF9 / 85%

Notes: Overlay on product card information box.

Patterns

Swatch

Name

Formula

Notes

Name: Lace Pattern Background @ 20%

Formula: Lace Pattern Background + Wine Linear Gradient

Notes: A gradient + image combo. Used for Super Header and Special Section backgrounds.

Combos

Swatch

Name

Formula

Notes

Name: Wine Red Linear Gradient T→B + Lace Pattern Background

Formula: lace_pattern_background.png @ 20% opacity

Notes: This is only used in conjunction with the Wine Red gradient. Be sure the opacity is set to 20%

Name: Wine Red Linear Gradient L→R + Lace Pattern Background

Formula: lace_pattern_background.png @ 20% opacity

Notes: This is only used in conjunction with the Wine Red gradient. Be sure the opacity is set to 20%