🎨 Nexonoma Styleguide
This style guide defines the color palette, typography, and core UI elements for Nexonoma.
🌊 Color palette
The maritime palette uses calm blues, accent colors, and neutral backgrounds.
Primary color – Marine Blue
#1B3A57 Secondary color – Deep Sea Blue
#264C73 Accent color – Sky Blue
#3A6EA5 Accent color – Seafoam Green
#3EB489 Background – Sand Beige
#F5E9DA Neutral – Light Gray
#E5E7EB Neutral – Dark Gray
#1F2937 Warning – Orange
#FFA500 Alert – Red
#DC2626 🔤 Typography
Typography focuses on clarity and readability with a modern sans-serif typeface.
Heading H1 – Bold
Heading H2 – Semi Bold
Heading H3 – Medium
Body text – Regular
Small hint text – Small
🔘 Buttons
DaisyUI buttons with Nexonoma colors.