Free Dating Site | New Zealand
nzldatinggo.com“A functional, no-nonsense dating platform that prioritizes utility and directness over aesthetic flair. The brand feels utilitarian and accessible, using a standard web design language to facilitate serious relationship building without distraction.”
Color Palette
Colors
Typography
Fonts
Arial
Helvetica, sans-serif
Arial
Helvetica, sans-serif
The quick brown fox
14pxThe quick brown fox
22pxComponents
Design System
Voice & Tone
Personality
Visual Energy
Design Era
flat-2.0
Emotional Tone
trustworthy-pragmatic
Target Audience
New Zealand locals and tourists seeking serious, long-term relationships or family-oriented partnerships, who prefer a straightforward, low-friction user experience.
Comparable Brands
Brand Rules
Dos & Don'ts
Do
- Use Arial font family for all text; apply weight 700 for headings and 400/600 for body text.
- Format all headings in sentence-case (e.g., 'Start a serious relationship') and keep body line-height at 20px.
- Style primary buttons with background #2f79a9, white (#ffffff) text, 4px border-radius, 10px vertical/25px horizontal padding, and a 1px solid border of #2f79a9.
- Maintain a flat design aesthetic: strictly avoid box-shadows and gradients on all UI elements.
- Use a strict color palette: Primary #2f79a9 for interactive elements, #ffffff for backgrounds, and #333333 for body text.
- Write copy using simple vocabulary with zero jargon, employing direct imperative verbs for CTAs (e.g., 'Join', 'Start').
- Structure content with short, matter-of-fact sentences; avoid exclamations and emojis entirely.
- Use a base spacing unit of 2px and maintain 4px border radii for all rounded elements to ensure visual consistency.
Don't
- Do not use title case for headings; the brand strictly adheres to sentence-case.
- Do not apply any box-shadows (drop shadows, inner shadows, or glows) to buttons, cards, or containers.
- Do not use gradients (linear, radial, or conic) for backgrounds or buttons; keep fills solid.
- Do not use serif fonts or non-system fonts; Arial is the exclusive typeface.
- Do not use emojis, decorative icons, or illustrative graphics in marketing copy.
- Do not use exclamations marks in headings or body text; maintain a calm, factual tone.
- Do not use pill-shaped buttons (100% border-radius); stick to the 4px rounded rectangle style.
- Do not use vibrant or neon accent colors; restrict the palette to the defined primary blue and neutral grays.
Design Assets
Visual Elements
How to use this file
1. Save this file as DESIGN.md in your project root (sibling to README.md).
2. AI agents that read project files (Claude Code, Cursor, v0, Lovable, Bolt, Windsurf) will discover it automatically.
3. Validate or export tokens with the official CLI:
npx @google/design.md lint DESIGN.md npx @google/design.md export --format tailwind DESIGN.md
Developer Access
# Fetch the full brand kit
curl https://extractvibe.com/api/brand/nzldatinggo.com \
-H "x-api-key: ev_your_key"
# Export as CSS variables
curl https://extractvibe.com/api/extract/JOB_ID/export/css \
-H "x-api-key: ev_your_key"
# Export as Tailwind config
curl https://extractvibe.com/api/extract/JOB_ID/export/tailwind \
-H "x-api-key: ev_your_key"Extract your own brand kit
Get colors, fonts, voice, and personality from any website in seconds. Open source.
