Bezplatná seznamovací stránka | Česko
czedatinggo.com“A functional, no-nonsense utility brand that prioritizes clarity and ease of use over aesthetic flair. The design is strictly utilitarian and flat, relying on a standard system font stack and a single primary blue to guide user actions 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
neutral-practical
Target Audience
General Czech population seeking straightforward, low-friction dating services; users who prefer simplicity and functionality over modern design trends.
Comparable Brands
Brand Rules
Dos & Don'ts
Do
- Use Arial for all typography; 700 weight for headings and 400/600 for body text.
- Apply sentence-case capitalization to all headings; do not use title case.
- Set body text line-height to exactly 20px for readability.
- Style primary buttons with #2f79a9 background, #ffffff text, 4px border-radius, and 10px 25px padding.
- Maintain a flat design aesthetic with no box-shadows or gradients on any element.
- Use #333333 for primary text and #ffffff for background areas.
- Keep border-radius consistent at 4px for all interactive elements and containers.
- Use direct imperative verbs for CTAs (e.g., 'Spusťte registraci') with no emojis or exclamations.
Don't
- Do not use gradients, shadows, or any depth effects; keep the interface strictly flat.
- Do not use title case for headings; the brand strictly uses sentence case.
- Do not use emojis or exclamation marks in any marketing copy or UI text.
- Do not use custom web fonts; stick to the system Arial stack.
- Do not use rounded corners larger than 4px; avoid pill-shaped buttons.
- Do not use vibrant or multiple accent colors; restrict palette to #2f79a9, #ffffff, and #333333.
- Do not use serif fonts anywhere in the interface.
- Do not use decorative illustrations or complex visual effects.
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/czedatinggo.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.
