Skip to content
datingonlinevi.com logo

Hẹn hò trực tuyến miễn phí trên toàn thế giới

datingonlinevi.com

“A utilitarian and trustworthy platform focused on serious relationship building, characterized by a clean, flat, and accessible interface. The brand prioritizes clarity and function over flair, using a straightforward, no-nonsense aesthetic to foster confidence in its matchmaking process.”

utilitarian
trustworthy
clean
accessible
serious
flat
direct
functional

Color Palette

Colors

#088ce1

primary

#ffffff

background

#525252

text

#088be1

secondaryText

#525252

link

#088be1

muted

Typography

Fonts

Arial

body
400
700
system

Helvetica, sans-serif

Arial

heading
700
system

Helvetica, sans-serif

body

The quick brown fox

h1

The quick brown fox

Components

Design System

Bắt đầu đăng ký
primary
5px
#088ce1#ffffff

Voice & Tone

Personality

Visual Energy

4/10

Design Era

flat-2.0

Emotional Tone

reliable-direct

Target Audience

Adults seeking serious, long-term relationships who value functionality and community vetting over gamified dating experiences.

Comparable Brands

Meetup
LinkedIn
Reddit
Classic Craigslist

Brand Rules

Dos & Don'ts

Do

  • Use Arial as the sole typeface family; apply weight 700 for headings and 400 for body text.
  • Format all headings in sentence-case (e.g., 'Find serious relationships') rather than title case.
  • Set body text line-height to exactly 20px for optimal readability on white backgrounds.
  • Style primary CTA buttons with background #088ce1, white text, 5px border-radius, and padding of 12px 24px.
  • Maintain a flat design aesthetic by avoiding all box-shadows and gradients across the interface.
  • Use #525252 for primary body text to ensure sufficient contrast against the #ffffff background.
  • Adopt a simple vocabulary in copy, avoiding industry jargon or overly emotional language.
  • Use action-oriented imperative verbs in CTAs (e.g., 'Register', 'Start') without exclamation marks.

Don't

  • Do not use serif fonts; the brand relies exclusively on the system sans-serif Arial.
  • Do not apply box-shadows or drop-shadows to any UI elements, including cards or buttons.
  • Do not use gradients; all backgrounds and buttons must be solid flat colors.
  • Do not use emoji in marketing copy or interface labels.
  • Do not use title case for headings; strictly adhere to sentence-case conventions.
  • Do not use exclamations in copy; maintain a matter-of-fact, professional tone.
  • Do not use border-radius values other than 5px for standard UI components.
  • Do not use vibrant or multi-color palettes; stick to the primary blue (#088ce1) and neutral grays.

Design Assets

Visual Elements

Hẹn hò trực tuyến miễn phí với mọi người từ khắp nơi trên thế giới
png350×45

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/datingonlinevi.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