Δωρεάν ιστότοπος γνωριμιών | Ελλάδα
grcdatinggo.com“A functional, utilitarian dating platform that prioritizes clarity and accessibility over emotional flair. The design is strictly flat and corporate, relying on standard system fonts and a single primary blue to convey trust 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-1.0
Emotional Tone
neutral-efficient
Target Audience
Greek locals and tourists seeking straightforward, no-nonsense dating connections without premium frills.
Comparable Brands
Brand Rules
Dos & Don'ts
Do
- Use Arial for all typography: 700 weight for headings and 400/600 for body text.
- Format all headings in sentence-case, never title-case or uppercase.
- Apply a base body line-height of 20px for optimal readability.
- Style primary CTA buttons with #2f79a9 background, #ffffff text, 10px vertical padding, and 25px horizontal padding.
- Set button border-radius to exactly 4px for a slightly softened but distinct rectangular shape.
- Use #2f79a9 for button borders, matching the background color for a solid, flat appearance.
- Maintain a strict color palette: #2f79a9 for primary actions, #ffffff for backgrounds, and #333333 for text.
- Use direct imperative verbs in copy (e.g., 'Register', 'Find') with no emojis or exclamations.
- Keep all UI elements flat with zero box-shadows and zero gradients.
Don't
- Do not use any serif fonts; the brand is strictly sans-serif (Arial).
- Do not use title-case for headings; always use sentence-case.
- Do not apply box-shadows to any element, including buttons or cards.
- Do not use gradients for backgrounds or buttons; maintain solid flat colors.
- Do not use emojis, exclamation marks, or playful punctuation in copy.
- Do not use border-radius values other than 4px for interactive elements.
- Do not use vibrant or multi-color palettes; stick to the defined primary blue and neutrals.
- Do not use decorative visual effects or layered depth styles.
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/grcdatinggo.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.
