Smarketing

Brand Design Manual

Gradients

Use gradients at 100% opacity to create visual interest and depth.

Important: All gradients must be used at 100% opacity only. Do not apply transparency to gradient fills.

Evergreen to Dim Grey

#003d2e to #586268

Hero sections, premium content

Dark Grey Gradient

#586268 to #758085

Headers, navigation bars

Cool Gradient

#758085 to #B4CDD0

Subtle backgrounds, cards

Light Gradient

#B4CDD0 to #F3F5F6

Soft backgrounds, sections

Warm Gradient

#c99a8b to #f3e0dc

Accent sections, featured areas

Soft Warm Gradient

#e5d8cd to #f3e0dc

Gentle backgrounds, highlights