Skip to content
datingonlineth.com logo

หาคู่ทางออนไลน์ฟรีทั่วโลก

datingonlineth.com

“A straightforward, utilitarian, and accessible global dating platform that prioritizes clarity and ease of use over emotional flair. The brand feels like a reliable, no-nonsense tool for connecting people, relying on clean, flat design and simple language to facilitate serious relationships and friendships.”

utilitarian
accessible
flat
direct
global
functional
clean
trustworthy

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

เริ่มลงทะเบียน
primary
5px
#088ce1#ffffff

Voice & Tone

Personality

Visual Energy

4/10

Design Era

flat-minimal

Emotional Tone

reliable-direct

Target Audience

Global users seeking straightforward, no-frills dating or friendship connections who value functionality and ease of navigation over aesthetic luxury or gamification.

Comparable Brands

Craigslist
Early versions of Tinder
Meetup
SimpleTexting

Brand Rules

Dos & Don'ts

Do

  • Use #088ce1 as the primary action color for all interactive elements, including primary buttons and active states.
  • Apply a 5px border-radius to all buttons and interactive components to maintain a soft but defined edge.
  • Set primary button padding to 12px vertical and 24px horizontal, using white (#ffffff) text for high contrast.
  • Use Arial font family exclusively: 700 weight for headings and 400 weight for body text.
  • Format all headings in lowercase to align with the brand's casual, unpretentious voice.
  • Maintain a base spacing unit of 2px for consistent padding and margin calculations across the layout.
  • Use #525252 for body text and #ffffff for backgrounds to ensure high readability and a clean, flat aesthetic.
  • Keep copy simple and action-oriented, utilizing imperative verbs (e.g., 'Start registering', 'Search') without jargon.

Don't

  • Do not use gradients on any element; the design must remain strictly flat.
  • Do not apply box-shadows to buttons, cards, or containers; maintain a 2D interface.
  • Do not use emoji in any marketing copy or UI labels to preserve a serious, matter-of-fact tone.
  • Do not use title case for headings; strictly adhere to lowercase conventions.
  • Do not use serif fonts or alternative typefaces; Arial is the mandatory system font.
  • Do not use exclamations in copy; keep the tone calm and informative.
  • Do not use complex animations or hover effects that imply depth; stick to simple color transitions if needed.
  • Do not use bright or neon accent colors; restrict the palette to the primary blue, white, and dark gray.

Design Assets

Visual Elements

หาคู่ออนไลน์ฟรีกับผู้คนจากทั่วทุกมุมโลก
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/datingonlineth.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