Gratis nätdejting världen över
datingonlinesv.com“A functional, no-nonsense dating platform that prioritizes utility and global connectivity over aesthetic flair. The brand feels like a reliable utility tool, using a straightforward, technical approach to matchmaking with a clean, flat interface that emphasizes clarity and accessibility.”
Color Palette
Colors
Typography
Fonts
Arial
Helvetica, sans-serif
Arial
Helvetica, sans-serif
The quick brown fox
14pxThe quick brown fox
24pxComponents
Design System
Voice & Tone
Personality
Visual Energy
Design Era
flat-2.0
Emotional Tone
reliable-direct
Target Audience
Pragmatic singles seeking serious relationships or marriage who value algorithmic efficiency and global reach over gamified or highly visual dating experiences.
Comparable Brands
Brand Rules
Dos & Don'ts
Do
- Use Arial as the sole typeface family; apply weight 700 for all headings and weight 400 for body text.
- Format all headings in sentence-case (e.g., 'Gratis dejtingsajt i din stad') and ensure body line-height is exactly 20px.
- Style primary CTA buttons with background #088ce1, white text (#ffffff), 5px border-radius, and padding of 12px vertical by 24px horizontal.
- Maintain a flat design aesthetic: do not use box-shadows or gradients on any UI elements, including cards or buttons.
- Use #525252 for primary body text and #ffffff for the background to ensure high contrast and readability.
- Keep copy simple and imperative, using short action verbs for CTAs (e.g., 'Starta registreringen') without exclamations or emojis.
- Apply a 2px base unit for spacing and border radii to maintain a consistent, rigid grid system.
- Use #088ce1 as the primary accent color for interactive elements and links, avoiding additional vibrant colors.
Don't
- Do not use title case or all-caps for headings; strictly adhere to sentence-case.
- Do not use any serif fonts, script fonts, or custom web fonts; stick exclusively to system Arial.
- Do not apply any box-shadows (flat design only) to buttons, cards, or modals.
- Do not use gradients, textures, or background images to create depth; rely on color contrast and spacing.
- Do not use emojis, decorative icons, or playful punctuation (exclamation marks) in marketing copy.
- Do not use rounded corners larger than 5px; avoid pill-shaped buttons or fully circular elements.
- Do not use complex vocabulary or dating jargon; keep language simple, technical, and matter-of-fact.
- Do not use #088ce1 for text on white backgrounds without sufficient contrast; ensure text remains #525252 or black.
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/datingonlinesv.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.