Skip to content
ecudatinggo.com logo

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.

utilitarian
flat
system-font
accessible
direct
minimalist
functional

Color Palette

Colors

#2f79a9

primary

#ffffff

background

#333333

text

#2f79a9

secondaryText

#2f79a9

muted


Typography

Fonts

Arial

body
400
600
system

Helvetica, sans-serif

Arial

heading
700
system

Helvetica, sans-serif

body

The quick brown fox

h1

The quick brown fox


Components

Design System

Iniciar registro
primary
4px
#2f79a9#ffffff

Voice & Tone

Personality

Visual Energy

3/10

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

Craigslist
Wikipedia
Early Facebook
Government portals

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

EcuDatingGo - Sitio de citas gratis en Ecuador
png250×40

DESIGN.md

AI-ready

Drop into any project root. Cursor, Claude Code, v0, Lovable, and other AI coding agents read this file to generate on-brand UI. Spec

DESIGN.md not yet generated for this brand.
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
cURL
# 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.