Skip to content
datingonlineko.com logo

전 세계 무료 온라인 데이트

datingonlineko.com

“A straightforward, no-nonsense utility platform focused on serious relationship building. The design prioritizes clarity and trust over flair, utilizing a clean, flat aesthetic with a single primary color to guide user action. It feels like a functional tool for finding a spouse rather than a social network for casual dating.”

utilitarian
trustworthy
serious
flat
minimal
functional
direct

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-2.0

Emotional Tone

reliable-pragmatic

Target Audience

Singles seeking serious, long-term relationships or marriage, likely in Korea or Korean-speaking regions, who value practicality and safety over gamified social features.

Comparable Brands

Craigslist
LinkedIn (early era)
Meetup
Standard Bank

Brand Rules

Dos & Don'ts

Do

  • Use Arial as the sole typeface: 700 weight for headings, 400 weight for body text.
  • Set body copy line-height to exactly 20px for optimal readability.
  • Style primary CTA buttons with background #088ce1, white text, 5px border-radius, and padding of 12px 24px.
  • Ensure all headings are strictly lowercase to maintain a calm, non-aggressive tone.
  • Use #525252 for body text and #ffffff for backgrounds to maintain high contrast without harsh black.
  • Keep all UI elements flat: no box-shadows, no gradients, and no complex textures.
  • Use action-oriented imperative verbs for all copy and CTAs (e.g., 'Start Registration').
  • Apply a base spacing unit of 2px for consistent margin and padding calculations.

Don't

  • Do not use emojis, exclamations, or decorative icons in any copy.
  • Do not use Title Case or Sentence Case for headings; strictly use lowercase.
  • Do not apply box-shadows or gradients to buttons, cards, or backgrounds.
  • Do not use serif fonts or alternative typefaces; stick exclusively to Arial.
  • Do not use playful or overly enthusiastic language; keep tone matter-of-fact.
  • Do not use bright accent colors other than #088ce1 for primary actions.
  • Do not use pill-shaped buttons (100% border-radius); stick to 5px radius.
  • Do not use jargon or technical slang; keep vocabulary moderate and accessible.

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/datingonlineko.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