Sitio de citas gratis | Ecuador
ecudatinggo.com“A functional, no-nonsense utility brand that prioritizes clarity and accessibility over aesthetic flair. The design is strictly utilitarian and flat, relying on a standard system font stack and a single primary blue to convey trust and simplicity 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
classic-flat
Emotional Tone
neutral-practical
Target Audience
General public in Ecuador seeking straightforward, low-friction dating services, likely including tourists and locals who prefer simplicity over complex features.
Comparable Brands
Brand Rules
Dos & Don'ts
Do
- Use Arial for all typography; apply weight 700 for headings and 400/600 for body text.
- Format all headings in sentence-case (e.g., 'Create a profile') and never use title case or all-caps.
- Set body text line-height to exactly 20px for readability and consistent vertical rhythm.
- Style primary CTA buttons with background #2f79a9, white (#ffffff) text, 4px border-radius, and 10px 25px padding.
- Maintain a flat design aesthetic with zero box-shadows, zero gradients, and solid color fills only.
- Use #333333 for primary text and #ffffff for backgrounds to ensure high contrast and accessibility.
- Keep copy simple and direct, using imperative verbs (e.g., 'Join', 'Create', 'See') and avoiding emojis or exclamations.
- Apply a 4px border-radius to all interactive elements and containers to maintain a consistent, slightly softened but not rounded look.
Don't
- Do not use any serif fonts (e.g., Times New Roman, Georgia) or custom web fonts; stick strictly to system Arial.
- Do not apply any box-shadows (drop shadows, inner shadows, or glows) to buttons, cards, or headers.
- Do not use gradients (linear, radial, or conic) on any UI elements; use solid hex colors exclusively.
- Do not use emoji, decorative icons, or playful illustrations in the copy or UI.
- Do not use title case for headings; always use sentence-case to maintain the formal yet accessible tone.
- Do not use bright, saturated accent colors other than the primary #2f79a9; keep the palette monochromatic with neutral grays.
- Do not use excessive whitespace or complex grid layouts; prioritize dense, information-rich layouts typical of utility sites.
- Do not use exclamations points in copy; keep the tone matter-of-fact and serious.
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/ecudatinggo.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.
