<!-- Generated by ExtractVibe — https://extractvibe.com/brand/thadatinggo.com -->
<!-- Extracted: 2026-08-12T16:49:36.583Z | Schema: v1 | Quality: 90/100 -->
---
version: alpha
name: "เว็บไซต์หาคู่ฟรี | ประเทศไทย"
description: "A functional, utilitarian dating platform that prioritizes clarity and accessibility over aesthetic flair. The brand feels like a standard, reliable utility tool—clean, straightforward, and focused on getting the user to sign up and search 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"
---

# เว็บไซต์หาคู่ฟรี | ประเทศไทย — Design System

## Overview

This design system establishes a utilitarian interface for a free Thai dating platform, prioritizing functional clarity and accessibility above all else. The aesthetic is flat, direct, and unadorned, drawing heavy inspiration from early web standards like Craigslist and basic government service portals. The visual language rejects decorative elements, gradients, or complex animations in favor of a straightforward, no-nonsense layout that minimizes cognitive load. The primary goal is to guide users seamlessly toward sign-up and search actions without distraction, embodying the archetype of The Everyman paired with The Sage’s reliability. The interface feels like a standard utility tool—familiar, trustworthy, and purely functional. It is not a lifestyle brand; it does not attempt to evoke romance through visuals but rather facilitates connection through efficiency. The design atmosphere is grounded in transparency and ease of use, ensuring that the platform remains accessible to users of all technical proficiencies. By stripping away non-essential visual noise, the system creates a stable, predictable environment where content and functionality take center stage. This approach fosters trust through simplicity, signaling that the service is a practical resource rather than a luxury experience. The overall impression is one of straightforward competence, where every pixel serves a clear purpose in the user’s journey from landing page to active search. The design is intentionally mundane to avoid alienating users who seek a no-frills solution to dating.

**Key characteristics:**

- Vibe — utilitarian, flat, functional, accessible, direct, no-nonsense
- Archetypes — The Everyman, The Sage
- Comparable to — Craigslist, Early versions of Craigslist, Basic WordPress themes, Government service portals
- Design era — flat-1.0
- Emotional tone — neutral-practical
- Target audience — General Thai population seeking casual or serious dating, including locals and foreigners, who prefer a no-frills, easy-to-use interface.
- Visual energy — 3/10 (calm/understated)

## Colors

The palette is strictly limited to a high-contrast primary blue (#2f79a9) and pure white (#ffffff) surface. This binary choice eliminates ambiguity and reinforces the brand’s utilitarian nature. The blue serves as the sole accent for interactive elements and links, providing clear visual cues for navigation and action without introducing unnecessary color complexity. White ensures maximum readability and a clean, spacious feel. This restrained use of color signals reliability and focus, directing all user attention to content and functionality rather than decorative flair. The high contrast guarantees accessibility, meeting standard readability requirements for a broad audience.

### 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 font that ensures universal compatibility and immediate legibility across all devices and operating systems. There is no custom typeface or experimental font treatment; the hierarchy is established through weight and size variations within the Arial family. This choice communicates neutrality and functionality, avoiding any stylistic bias that might distract from the content. The straightforward typography reinforces the brand’s no-nonsense ethos, ensuring that text is processed quickly and effortlessly. By sticking to a standard system font, the design prioritizes performance and consistency, aligning with the utilitarian goal of providing a reliable, fast-loading interface for users seeking practical dating solutions.

### 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 — lowercase
- 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 — "เริ่มลงทะเบียน"

## Do's and Don'ts

### Do

- Use Arial for all typography: weight 400 for body text and 700 for headings, with body line-height set to 20px.
- Apply lowercase casing to all headings to maintain a casual, unpretentious tone.
- Style primary buttons with background #2f79a9, white text (#ffffff), 4px border-radius, and 10px 25px padding.
- Maintain a strict flat design: use no box-shadows, no gradients, and no depth effects.
- Use #333333 for body text and #ffffff for background to ensure high contrast and readability.
- Keep button borders solid #2f79a9 with 4px border-radius to match the primary button style.
- Use direct imperative verbs in copy (e.g., 'Start registration', 'Search') to drive immediate action.
- Avoid decorative elements; rely on spacing and clear typography hierarchy to structure content.

### Don't

- Do not use serif fonts; the brand is strictly sans-serif (Arial).
- Do not use emojis, exclamations, or playful language in marketing copy.
- Do not apply box-shadows or gradients to any UI elements, including buttons or cards.
- Do not use title case or sentence case for headings; always use lowercase.
- Do not use vibrant or multi-color palettes; stick to the primary blue (#2f79a9) and neutral grays.
- Do not use complex border-radius values; stick to the standard 4px for all interactive elements.
- Do not use jargon or technical terms in copy; keep vocabulary simple and accessible.
- Do not use decorative images or illustrations; prioritize text and functional UI components.

*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 — 18 words
- Vocabulary — simple
- Jargon — none
- CTA style — direct imperative verbs encouraging immediate sign-up or search
- Rhetorical devices — repetition, imperative

### Sample copy

> ThaDatingGo คือบริการหาคู่ออนไลน์ที่ได้รับความนิยมมากที่สุดในประเทศไทย

> ค้นหาชายหญิงที่เหมาะสมและสร้างความสัมพันธ์ที่โรแมนติก

> เข้าร่วมเว็บไซต์หาคู่ฟรีสำหรับคนในท้องถิ่น ชาวต่างชาติ นักท่องเที่ยว

> ค้นหาคนที่ใช่และมีความสนใจร่วมกันและชวนพวกเขาไปเดทสุดโรแมนติก

## Logos

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

## Sources

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