Skip to content
coldatinggo.com logo

Sitio de citas gratis | Colombia

coldatinggo.com

“The brand projects a functional, no-nonsense utility vibe, prioritizing clarity and ease of use over emotional flair. It feels like a standard, reliable web portal from the mid-2010s, focusing on straightforward task completion rather than building a lifestyle community.”

utilitarian
functional
plain
accessible
direct
standard
unadorned
pragmatic

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

flat-1.0

Emotional Tone

neutral-efficient

Target Audience

General Colombian adults seeking straightforward, low-barrier entry to online dating without premium features or complex interfaces.

Comparable Brands

Craigslist
Early 2010s Directory Sites
Basic Government Portals
Legacy Classifieds

Brand Rules

Dos & Don'ts

Do

  • Use Arial (system sans-serif) for all typography; headings at 700 weight, body text at 400 weight.
  • Apply sentence-case capitalization to all headings; do not use title case or all-caps.
  • Set primary CTA buttons to #2f79a9 background with #ffffff text, 4px border-radius, and 10px 25px padding.
  • Maintain a strictly flat design aesthetic: no box-shadows, no gradients, and no border styles on buttons (use solid fill).
  • Use #333333 for primary body text and #ffffff for background to ensure high contrast and readability.
  • Keep body line-height at 20px for consistent vertical rhythm in content blocks.
  • Use direct imperative verbs for copy (e.g., 'Iniciar registro') and avoid exclamations or emojis.
  • Adhere to a 2px base spacing unit for margins and padding to maintain structural consistency.

Don't

  • Do not use serif fonts (e.g., Times New Roman) or decorative display fonts.
  • Do not apply box-shadows or drop-shadows to any UI elements, including cards or buttons.
  • Do not use gradients (linear or radial) for backgrounds, buttons, or text.
  • Do not use border-radius values other than 4px for buttons; avoid pill-shaped (50%) or sharp (0px) corners.
  • Do not use emojis, icons, or decorative illustrations in the primary interface or copy.
  • Do not use title case for headings; the brand strictly uses sentence case.
  • Do not use vibrant or neon accent colors; stick to the primary blue (#2f79a9) and neutral grays.
  • Do not use playful or overly enthusiastic tone markers like exclamation points in UI copy.

Design Assets

Visual Elements

ColDatingGo - Sitio de citas gratis en Colombia
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

Download
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/coldatinggo.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.

Get started free