Skip to content
vnmdatinggo.com logo

Trang web hẹn hò miễn phí | Việt Nam

vnmdatinggo.com

“A functional, no-nonsense dating platform that prioritizes utility and accessibility over aesthetic flair. The brand feels utilitarian and straightforward, using a standard corporate blue palette and system fonts to convey reliability and simplicity without distraction.”

utilitarian
functional
accessible
flat
straightforward
corporate
minimalist
local

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

Bắt đầu đăng ký
primary
4px
#2f79a9#ffffff

Voice & Tone

Personality

Visual Energy

3/10

Design Era

flat-2.0

Emotional Tone

reliable-neutral

Target Audience

Vietnamese locals, expats, and tourists seeking practical, low-barrier online dating connections without premium paywalls.

Comparable Brands

Craigslist
EarlyBird
Meetup
LinkedIn (early era)

Brand Rules

Dos & Don'ts

Do

  • Use Arial as the sole typeface family for all text elements, leveraging system font loading for performance.
  • Apply Arial 700 (Bold) for all headings and Arial 400 (Regular) for body copy, maintaining a strict sans-serif hierarchy.
  • Format all headings in sentence-case (e.g., 'Hẹn hò trực tuyến miễn phí') rather than Title Case or lowercase.
  • Set body copy line-height to exactly 20px to ensure readability and a compact, information-dense layout.
  • Style primary CTA buttons with #2f79a9 background, #ffffff text, 4px border-radius, and 10px vertical / 25px horizontal padding.
  • Apply a 1px solid border of #2f79a9 to primary buttons to define edges without using shadows or gradients.
  • Maintain a flat design aesthetic by avoiding all box-shadows, gradients, and complex visual effects.
  • Use #333333 for primary text color and #ffffff for backgrounds to ensure high contrast and accessibility.

Don't

  • Do not use Title Case for headings; the brand strictly adheres to sentence-case conventions.
  • Do not use emojis in any marketing copy or UI elements; the tone is matter-of-fact and professional.
  • Do not use exclamation marks in copy; maintain a calm, informative tone without hype.
  • Do not apply box-shadows to any elements, including cards, buttons, or navigation bars.
  • Do not use gradients for backgrounds or buttons; stick to solid hex colors.
  • Do not use border-radius values other than 4px; avoid pill-shaped or fully rounded corners.
  • Do not use serif fonts (e.g., Times New Roman, Georgia) or custom web fonts outside of Arial.
  • Do not use decorative dividers or ornamental graphics; rely on spacing and typography for structure.

Design Assets

Visual Elements

VnmDatingGo - trang web hẹn hò miễn phí Việt Nam
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/vnmdatinggo.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