Bezmaksas iepazīšanās tiešsaistē visā pasaulē
datingonlinelv.com“A utilitarian and straightforward digital service that prioritizes accessibility and clarity over aesthetic flair. The brand feels like a functional tool designed for mass appeal, using a clean, flat interface to facilitate global connections without distraction.”
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
neutral-approachable
Target Audience
General population seeking casual to serious dating opportunities globally, likely non-technical users who prefer simplicity and free access over premium features.
Comparable Brands
Brand Rules
Dos & Don'ts
Do
- Use Arial font family for all text elements; apply weight 700 for headings and 400 for body text.
- Set heading text to sentence-case and ensure body text has a fixed line-height of 20px for readability.
- Style primary CTA buttons with a solid #088ce1 background, white (#ffffff) text, 5px border-radius, and 12px vertical / 24px horizontal padding.
- Maintain a flat design aesthetic by strictly avoiding box-shadows and gradients on all UI elements.
- Use #525252 for primary body text color and #ffffff for background areas to ensure high contrast and clean readability.
- Keep copy vocabulary simple and jargon-free, utilizing action-oriented imperative verbs for calls to action (e.g., 'Sāciet reģistrāciju').
- Apply a base spacing unit of 2px for layout grids and margins to maintain a consistent, tight but breathable structure.
- Avoid emojis and exclamations in all marketing copy to maintain a matter-of-fact and professional tone.
Don't
- Do not use title case for headings; the brand strictly adheres to sentence-case conventions.
- Do not apply any box-shadows or drop-shadows to buttons, cards, or containers; the design is entirely flat.
- Do not use gradient backgrounds or text fills; use solid hex colors exclusively.
- Do not use serif fonts or alternative typefaces; Arial is the mandatory system font.
- Do not use playful or overly enthusiastic language; avoid emojis, slang, and excessive punctuation.
- Do not use pill-shaped buttons (100% border-radius); maintain the 5px medium radius for all interactive elements.
- Do not use dark mode or alternative color schemes; stick to the defined light mode palette (#ffffff bg, #088ce1 primary).
- Do not use complex navigation structures or hidden menus; prioritize direct, visible access to registration and search features.
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/datingonlinelv.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.