Sitio de citas gratis | Chile
chidatinggo.com“A functional, no-nonsense utility brand that prioritizes accessibility and clarity over aesthetic flair. The design is strictly utilitarian and flat, relying on standard system fonts and a restrained color palette 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-2.0
Emotional Tone
neutral-practical
Target Audience
Chilean users seeking straightforward, low-friction dating services who value functionality and trust over premium experiences or flashy marketing.
Comparable Brands
Brand Rules
Dos & Don'ts
Do
- Use Arial for all typography, with 400 weight for body text and 700 weight for headings.
- Format all headings in sentence-case (e.g., 'Find your match today') rather than Title Case.
- Set body text line-height to exactly 20px for optimal readability on standard screens.
- Style primary CTA buttons with #2f79a9 background, #ffffff text, 10px vertical padding, 25px horizontal padding, and 4px border-radius.
- Maintain a flat design aesthetic: do not use box-shadows or gradients on any element.
- Use #ffffff as the primary background color and #333333 for primary text to ensure high contrast.
- Keep border radii consistent at 4px for all interactive elements like buttons and input fields.
- Use direct imperative verbs for CTAs (e.g., 'Iniciar registro', 'Elija') without exclamation marks or emojis.
Don't
- Do not use Title Case for headings; strictly adhere to sentence-case.
- Do not apply box-shadows or drop-shadows to buttons, cards, or containers.
- Do not use gradients for backgrounds or buttons; use solid flat colors only.
- Do not use emojis or decorative symbols in marketing copy or headings.
- Do not use exclamation marks in calls-to-action or status messages.
- Do not use serif fonts or custom web fonts; stick exclusively to the system Arial stack.
- Do not use rounded corners larger than 4px; avoid pill-shaped buttons.
- Do not use vibrant or neon accent colors; limit the palette to the primary blue, white, and dark gray.
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/chidatinggo.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.
