Visual reference for Returna's UI components. Every element shown here is the standard — deviations in the app are audit findings.
Color Palette
BRAND
brand.DEFAULT
#065f46
brand.dark
#064e3b
brand.light
#059669
brand.subtle
#ecfdf5
brand.accent
#10b981
SURFACE
surface.bg
#f9fafb
surface.card
#ffffff
surface.hover
#f3f4f6
surface.active
#ecfdf5
surface.border
#e5e7eb
STATUS
Success
#065f46
Warning
#92400e
Error
#991b1b
Info
#1e40af
Pending
#6b7280
Active
#059669
Typography
Page Title
text-2xl font-semibold text-gray-900 Section Title
text-lg font-semibold text-gray-800 Body text — the standard for most content
text-sm text-gray-700 Muted text — timestamps, IDs, secondary info
text-xs text-gray-500 🚧
More Components Coming
Buttons, Tables, Cards, Forms, Dialogs, Page Layouts, and Status Badges will be added with visual examples from the actual Returna app.