Skip to content
datingonlinehu.com logo

Ingyenes online társkereső világszerte

datingonlinehu.com

A functional, no-nonsense utility brand that prioritizes accessibility and direct action over aesthetic flair. The personality is helpful and straightforward, stripping away emotional manipulation to focus on the practical benefit of connecting people globally.

utilitarian
accessible
direct
flat
functional
global
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

Kezdje el a regisztrációt
primary
5px
#088ce1#ffffff

Voice & Tone

Personality

Visual Energy

4/10

Design Era

flat-2.0

Emotional Tone

helpful-direct

Target Audience

Hungarian speakers seeking straightforward, low-friction international dating or social connections, likely older demographics or those preferring clarity over trendiness.

Comparable Brands

Wikipedia
Government Service Portals
Early Craigslist
Basic Utility Apps

Brand Rules

Dos & Don'ts

Do

  • Use Arial for all typography; headings must be weight 700, body text weight 400.
  • Apply sentence-case capitalization to all headings (e.g., 'Ingyenes társkereső oldal a városodban').
  • Set body text line-height to exactly 20px for optimal readability.
  • Style primary CTA buttons with background #088ce1, white text (#ffffff), 5px border-radius, and 12px vertical / 24px horizontal padding.
  • Maintain a flat design aesthetic: strictly NO box-shadows and NO gradients on any element.
  • Use #525252 for primary body text and #ffffff for the background to ensure high contrast.
  • Write copy using simple vocabulary with direct imperative verbs (e.g., 'Kezdj', 'Találj') and avoid exclamations or emojis.
  • Use a base spacing unit of 2px for margins and padding to maintain a consistent, structured grid.

Don't

  • Do not use title case for headings; the brand strictly uses sentence case.
  • Do not apply any box-shadows (e.g., drop shadows, inner shadows) to buttons, cards, or containers.
  • Do not use gradients (linear, radial, or conic); backgrounds must be solid colors.
  • Do not use emojis or decorative punctuation (exclamation marks) in marketing copy or UI text.
  • Do not use serif fonts; the brand is exclusively sans-serif (Arial).
  • Do not use border-radius values other than 5px for buttons and interactive elements.
  • Do not use complex or technical jargon; keep vocabulary simple and accessible.
  • Do not use #088ce1 for text on white backgrounds without sufficient contrast; reserve it for backgrounds or borders.

Design Assets

Visual Elements

Ingyenes online randevúzás emberekkel a világ minden tájáról
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

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