The complete visual identity — logos, colors, typography, voice. Use these assets consistently everywhere.
All colors are defined as CSS custom properties in index.css. Click any swatch to copy its hex value.
#8B5CF6·rgb(139, 92, 246)#6366F1·rgb(99, 102, 241)#7C3AED·rgb(124, 58, 237)#06060F·rgb(6, 6, 15)#0F0F1E·rgb(15, 15, 30)#F0EEFF·rgb(240, 238, 255)#3F3F5A·rgb(63, 63, 90)#38BDF8·rgb(56, 189, 248)#34D399·rgb(52, 211, 153)#F87171·rgb(248, 113, 113)#F59E0B·rgb(245, 158, 11)#F472B6·rgb(244, 114, 182)Official gradient combinations. Copy the CSS value directly.
linear-gradient(135deg, #8B5CF6, #6366F1)linear-gradient(135deg, #7C3AED, #4F46E5)radial-gradient(circle, #6D28D9 0%, transparent 65%)linear-gradient(135deg, #a78bfa 0%, #38bdf8 60%, #34d399 100%)linear-gradient(135deg, #F87171, #F472B6)linear-gradient(135deg, #34D399, #38BDF8)linear-gradient(135deg, #F59E0B, #F472B6)linear-gradient(135deg, rgba(109,40,217,0.25), rgba(99,102,241,0.1))/* Folderwise Brand Colors */
:root {
--fw-purple: #8B5CF6; /* Primary */
--fw-indigo: #6366F1; /* Secondary */
--fw-violet: #7C3AED; /* Dark variant */
--fw-bg: #06060F; /* Background */
--fw-surface:#0F0F1E; /* Card surface */
--fw-white: #F0EEFF; /* Foreground text */
--fw-slate: #3F3F5A; /* Borders */
--fw-cyan: #38BDF8; /* AI/data accent */
--fw-green: #34D399; /* Success */
--fw-red: #F87171; /* Alert/urgent */
--fw-amber: #F59E0B; /* Premium */
--fw-pink: #F472B6; /* Email/content */
}