Free Dating Site | Canada
candatinggo.com“A utilitarian and straightforward digital service that prioritizes function over flair. The brand feels like a standard, no-nonsense utility tool, relying on familiar system fonts and a flat, unembellished interface to convey reliability and simplicity.”
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
neutral-pragmatic
Target Audience
Canadian singles seeking a no-frills, straightforward dating experience without the complexity or cost of premium apps.
Comparable Brands
Brand Rules
Dos & Don'ts
Do
- Use Arial as the sole typeface family: 700 weight for headings and 400/600 for body text.
- Apply sentence-case capitalization to all headings; never use Title Case or UPPERCASE.
- Set body text line-height to exactly 20px for optimal readability.
- Style primary buttons with #2f79a9 background, #ffffff text, 4px border-radius, and 10px 25px padding.
- Maintain a flat design aesthetic: use #ffffff background, #333333 text, and #2f79a9 accents only.
- Use direct imperative verbs for CTAs (e.g., 'Start registration', 'Choose profiles') without embellishment.
- Keep border-radius consistent at 4px for all interactive elements and containers.
- Avoid all decorative elements: no box-shadows, no gradients, no emojis, no exclamations.
Don't
- Do not use any serif fonts or alternative sans-serif fonts (e.g., Helvetica, Roboto).
- Do not apply box-shadows or drop-shadows to any element, including buttons or cards.
- Do not use gradients, overlays, or background images; stick to solid colors.
- Do not use emoji or decorative punctuation (exclamation marks) in copy.
- Do not use Title Case for headings; the brand strictly uses sentence case.
- Do not use vibrant or neon colors; restrict palette to #2f79a9, #ffffff, and #333333.
- Do not use pill-shaped (fully rounded) buttons; maintain 4px sharp-rounded corners.
- Do not use playful or overly enthusiastic tone; keep copy matter-of-fact and simple.
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/candatinggo.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.
