<!-- Generated by ExtractVibe — https://extractvibe.com/brand/vnmdatinggo.com -->
<!-- Extracted: 2026-08-12T18:03:43.765Z | Schema: v1 | Quality: 90/100 -->
---
version: alpha
name: "Trang web hẹn hò miễn phí | Việt Nam"
description: "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."
colors:
  primary: "#2f79a9"
  neutral: "#2f79a9"
  surface: "#ffffff"
  on-surface: "#333333"
  on-surface-secondary: "#2f79a9"
typography:
  display-lg:
    fontFamily: "Arial"
    fontSize: "22px"
    fontWeight: "700"
    lineHeight: "20px"
  body-md:
    fontFamily: "Arial"
    fontSize: "14px"
    fontWeight: "400"
    lineHeight: "20px"
rounded:
  md: "4px"
  full: "9999px"
spacing:
  base: "2px"
  xs: "1px"
  sm: "2px"
  md: "4px"
  lg: "6px"
  xl: "8px"
components:
  button-primary:
    backgroundColor: "#2f79a9"
    textColor: "#ffffff"
    rounded: "4px"
    padding: "10px 25px"
    fontSize: "18px"
    fontWeight: "400"
    borderColor: "#2f79a9"
    borderWidth: "1px"
---

# Trang web hẹn hò miễn phí | Việt Nam — Design System

## Overview

The design atmosphere is strictly utilitarian, prioritizing functional clarity and immediate accessibility over decorative flair. This platform serves as a straightforward tool for connection, stripping away unnecessary visual noise to focus on core utility. The interface adheres to a flat, corporate aesthetic that mirrors the reliability of early LinkedIn or the raw functionality of Craigslist. It is not a lifestyle brand; it does not attempt to evoke romance through soft gradients, playful illustrations, or trendy design systems. Instead, it projects stability and trust through a no-nonsense layout that feels familiar and unpretentious. The visual language is grounded in the archetype of The Everyman, ensuring that users from all backgrounds feel equally at home. Simplicity is the primary directive, with every element serving a clear purpose in facilitating user interaction without distraction. The design rejects modern minimalism’s coldness in favor of a warm but professional corporate tone, using standard UI patterns to reduce cognitive load. This approach ensures that the platform remains accessible to a broad demographic, avoiding niche aesthetic choices that might alienate users. The overall impression is one of dependable utility, where the interface recedes to let the content and connections take center stage. There is no attempt to impress with visual complexity; the goal is seamless, intuitive navigation that feels like a natural extension of the user’s intent. The system fonts and standard color palette reinforce this message of reliability, creating an environment where users can focus on what matters: finding meaningful connections without the friction of a complicated or confusing interface.

**Key characteristics:**

- Vibe — utilitarian, functional, accessible, flat, straightforward, corporate
- Archetypes — The Everyman, The Sage
- Comparable to — Craigslist, EarlyBird, Meetup, LinkedIn (early era)
- 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.
- Visual energy — 3/10 (calm/understated)

## Colors

The palette centers on #2f79a9, a standard corporate blue that signals trust, stability, and professionalism. This choice avoids the emotional volatility of reds or the playfulness of bright primaries, anchoring the brand in reliability. The white surface provides high contrast for readability, ensuring accessibility standards are met without visual strain. This restrained color strategy reinforces the utilitarian nature of the platform, focusing attention on content rather than decoration.

### Light mode

| Role | Hex | Name |
|------|-----|------|
| primary | `#2f79a9` | Steel Blue |
| background | `#ffffff` | White |
| text | `#333333` | Charcoal |
| secondary text | `#2f79a9` | Steel Blue |
| muted | `#2f79a9` | Steel Blue |

## Typography

The type system relies exclusively on Arial, a ubiquitous sans-serif that ensures maximum compatibility and readability across all devices. This choice eliminates rendering inconsistencies and reinforces the brand’s utilitarian ethos. Hierarchy is established through weight and size alone, avoiding decorative typefaces that might distract from the content. This straightforward approach communicates clarity and efficiency, aligning with the platform’s goal of providing a no-nonsense user experience.

### Font families

| Family | Role | Source | Weights |
|--------|------|--------|---------|
| Arial | body | system | 400, 600 |
| Arial | heading | system | 700 |

### Type scale

| Role | Family | Size | Weight | Line height | Letter spacing |
|------|--------|------|--------|-------------|----------------|
| Display | Arial | 22px | 700 | 20px | — |
| Body | Arial | 14px | 400 | 20px | — |

### Conventions

- Heading case — sentence-case
- Body line-height — 20px

## Layout

- Base spacing unit — `2px`

## Shapes

Border-radius scale:

- `md` — 4px
- `full` — 9999px (pill / circular)

## Components

### Buttons

**Primary**

- Background — `#2f79a9`
- Text — `#ffffff`
- Radius — `4px`
- Padding — `10px 25px`
- Font size — `18px`
- Font weight — `400`
- Border — `1px solid #2f79a9`
- Sample copy — "Bắt đầu đăng ký"

## Do's and 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.

*Source — inferred*

## Voice

### Tone (1–10 scale)

| Axis | Score | Lean |
|------|-------|------|
| Formal ↔ Casual | 6/10 | balanced |
| Playful ↔ Serious | 4/10 | playful |
| Enthusiastic ↔ Matter-of-fact | 7/10 | matter-of-fact |
| Respectful ↔ Irreverent | 2/10 | respectful |
| Technical ↔ Accessible | 9/10 | accessible |

### Copywriting style

- Avg. sentence length — 22 words
- Vocabulary — simple
- Jargon — none
- CTA style — direct imperative verbs
- Rhetorical devices — repetition, list

### Sample copy

> Hẹn hò trực tuyến miễn phí Việt Nam

> Cộng đồng được thiết kế để kết nối, tìm hiểu mục đích của cuộc họp, chọn hồ sơ thành viên ưa thích của bạn, tìm đối tác phù hợp và trò chuyện vui vẻ.

> Tham gia trang web hẹn hò miễn phí Việt Nam cho người dân địa phương, người nước ngoài, khách du lịch.

> Đăng nhậpTạo Tài khoản

## Logos

| Type | Variant | Format | URL | Confidence |
|------|---------|--------|-----|------------|
| favicon | — | ico | [link](brands/vnmdatinggo.com/logo-0.ico) | 95% |
| favicon | — | ico | [link](brands/vnmdatinggo.com/logo-1.ico) | 95% |
| primary | — | png | [link](brands/vnmdatinggo.com/logo-2.png) | 85% |

## Sources

- Live brand page — https://extractvibe.com/brand/vnmdatinggo.com
- Raw JSON — https://extractvibe.com/api/brand/vnmdatinggo.com
- DESIGN.md (this file) — https://extractvibe.com/api/brand/vnmdatinggo.com/design.md
- Extracted — 2026-08-12T18:03:43.765Z
- Generator — ExtractVibe vv1
- Quality score — 90/100