Ingyenes online társkereső világszerte
datingonlinehu.com“A functional, no-nonsense utility brand that prioritizes accessibility and direct action over aesthetic flair. The personality is helpful and straightforward, stripping away emotional manipulation to focus on the practical benefit of connecting people globally.”
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
helpful-direct
Target Audience
Hungarian speakers seeking straightforward, low-friction international dating or social connections, likely older demographics or those preferring clarity over trendiness.
Comparable Brands
Brand Rules
Dos & Don'ts
Do
- Use Arial for all typography; headings must be weight 700, body text weight 400.
- Apply sentence-case capitalization to all headings (e.g., 'Ingyenes társkereső oldal a városodban').
- Set body text line-height to exactly 20px for optimal readability.
- Style primary CTA buttons with background #088ce1, white text (#ffffff), 5px border-radius, and 12px vertical / 24px horizontal padding.
- Maintain a flat design aesthetic: strictly NO box-shadows and NO gradients on any element.
- Use #525252 for primary body text and #ffffff for the background to ensure high contrast.
- Write copy using simple vocabulary with direct imperative verbs (e.g., 'Kezdj', 'Találj') and avoid exclamations or emojis.
- Use a base spacing unit of 2px for margins and padding to maintain a consistent, structured grid.
Don't
- Do not use title case for headings; the brand strictly uses sentence case.
- Do not apply any box-shadows (e.g., drop shadows, inner shadows) to buttons, cards, or containers.
- Do not use gradients (linear, radial, or conic); backgrounds must be solid colors.
- Do not use emojis or decorative punctuation (exclamation marks) in marketing copy or UI text.
- Do not use serif fonts; the brand is exclusively sans-serif (Arial).
- Do not use border-radius values other than 5px for buttons and interactive elements.
- Do not use complex or technical jargon; keep vocabulary simple and accessible.
- Do not use #088ce1 for text on white backgrounds without sufficient contrast; reserve it for backgrounds or borders.
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/datingonlinehu.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.
