🎨 Asset Library

Visual assets and brand resources

About This Library

This asset library contains all watercolor icons, brand colors, and visual resources used throughout The Radiance Method™ application. All icons are hosted on CDN for optimal performance and are designed with a warm, inviting, faith-based wellness aesthetic.

Habit Tracker Watercolor Icons

Movement/Exercise

Movement/Exercise

Orange/coral watercolor heart with motion lines

5.0 MB
Carbohydrates

Carbohydrates

Golden-brown bread, wheat stalks, and pasta

6.6 MB
Protein

Protein

Brown watercolor with chicken leg, egg, and muscle

5.5 MB
Sleep

Sleep

Purple/blue watercolor moon and stars

5.1 MB
Blood Sugar

Blood Sugar

Pink watercolor heart with heartbeat line

5.7 MB
Water Intake

Water Intake

Blue watercolor droplet

5.4 MB
Meditation

Meditation

Purple watercolor lotus flower (available for reset tools)

5.2 MB

Brand Color Palette

Primary Teal

Main brand color

#4A9B8E

Light Teal

Secondary accent

#6FB3A8

Soft Green

Tertiary accent

#8BC4A9

Warm Peach

Warm accent

#F4C2A5

Soft Coral

Movement/Carbs icons

#E89B8C

Gentle Lavender

Sleep/Meditation icons

#B8A8D8

Muted Gold

Accent color

#D4AF7A

Cream

Background color

#F5F1E8

Icon Usage Guidelines

Implementation Pattern

All watercolor icons follow this HTML pattern in React components:

<img 
  src="[CDN_URL]" 
  alt="[Habit Type]" 
  className="w-12 h-12 object-contain" 
/>

Design Specifications

  • Style: Organic watercolor with soft, irregular edges
  • Background: White watercolor paper texture
  • Color Bleeding: Natural gradient transitions
  • Dimensions: 2048x2048px (original), displayed at 48x48px (w-12 h-12)
  • Format: PNG with transparency
  • Aesthetic: Warm, inviting, faith-based wellness theme

Backup Strategy

  • Primary Storage: S3 CDN (production URLs listed above)
  • High-Resolution Originals: /home/ubuntu/webdev-static-assets/ (sandbox backup)
  • Documentation: /asset-library/ASSET_INVENTORY.md (version controlled)

📋 Quick Reference

Total Icons: 7 watercolor icons (6 active + 1 available)
Brand Colors: 8 primary colors in the palette
Last Updated: February 9, 2026
Purpose: Centralized reference for all visual assets