V1.1 // 2025
Brand Identity System
Visual guidelines for OurFamilyGrid
01. Logomark
Our logo represents a beacon of clarity in the chaos.
Light Mode (Invoice/Print)
Dark Mode (Web/App)
02. Color Palette
Our palette is inspired by "Cyber-Calm." High contrast for data, low brightness for eye strain.
Deep Void#020617
Neuro Violet#8b5cf6
Clarity Cyan#22d3ee
Secure Green#10b981
03. Typography
Standard system fonts (Segoe UI) for speed. Legibility is our #1 priority.
H1 Headline
The Sweet Spot of
Home Management
H2 Section
Why Upgrade to Gold?
Body Text
Navigating life with brain fog is hard enough—let us handle the details.
04. Buttons & Glass
Glass Container
The signature look for dashboard widgets.
05. Iconography
We use FontAwesome Pro. Icons should be legible and consistent. Use 'Neuro Violet' for active states.
Security
Budget
Schedule
Chores
06. Spacing (The Grid)
We use an 8px scaling system to justify the name "OurFamilyGrid."
xs (8px)
sm (16px)
md (32px)
lg (64px)
07. Form Inputs
Forms are the core of the app. They must be spacious (touch-friendly) and high contrast.
08. Voice & Tone
We are British, Empathetic, and Secure.
✅ Do Say
- "Organise" (UK Spelling)
- "Household Management"
- "Secure Vault"
- "Brain Fog" / "Mental Load"
❌ Don't Say
- "Organize" (US Spelling)
- "Soccer Practice" (Use Football)
- "Cheap" (Use "Value")
- "Spying" (Use "Data Jurisdiction")
09. Accessibility Standards
OurFamilyGrid must be usable by everyone.
- Contrast: Text must meet WCAG AA standards against the dark background.
- Touch Targets: Buttons must be at least 44px height for mobile fingers.
- Focus Indicators: Never remove outline:none without a fallback style.