เว็บไซต์หาคู่ฟรี | ประเทศไทย
thadatinggo.com“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.”
Color Palette
Colors
Typography
Fonts
Arial
Helvetica, sans-serif
Arial
Helvetica, sans-serif
The quick brown fox
14pxThe quick brown fox
22pxComponents
Design System
Voice & Tone
Personality
Visual Energy
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.
Comparable Brands
Brand Rules
Dos & 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.
Design Assets
Visual Elements
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
# Fetch the full brand kit
curl https://extractvibe.com/api/brand/thadatinggo.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.
