Component Library

Color Palette (Design Tokens)

Core colors utilized in the Sunvoz nature-inspired design system.

Sage Green (Accent)

#2D6A4F

Sage Light

#40916C

Sage Pale

#D8F3DC

Sunvoz Gold

#C4A35A

Text Primary

#1A201C

Buttons

Various button styles representing different hierarchy levels.

Button Styles

Primary Button Secondary Button Outline Button Ghost Button

Button Sizes

Small Button Default Button Large Button

Product Badges

Small badges to indicate product metadata and status.

New Sale Eco Pick Bestseller

Form Inputs

Standard text fields, selects, and textareas for forms.

Full Name

Interested Category Kitchen & Dining Bath & Body Living Room

Feedback / Suggestions

Toast Alerts

Trigger corner popups to test dynamic alerts.

Success Toast Error Toast Info Toast

Modals

Overlay dialog boxes to capture user attention or inputs.

Open Newsletter Modal

Live Product Card Component

Live component card rendered dynamically from mock product data.