Skip to content
datingonlinecs.com logo

Bezplatné online seznamování po celém světě

datingonlinecs.com

“A functional, no-nonsense utility brand that prioritizes clarity and accessibility over aesthetic flair. The design is strictly utilitarian and flat, relying on a single primary blue to guide user action without distraction or emotional manipulation.”

utilitarian
flat
accessible
functional
minimal
direct
system-native

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

Spusťte registraci
primary
5px
#088ce1#ffffff

Voice & Tone

Personality

Visual Energy

3/10

Design Era

flat-1.0

Emotional Tone

neutral-pragmatic

Target Audience

Users seeking straightforward, low-friction dating solutions who value functionality and cost (free) over premium features or high-end social signaling.

Comparable Brands

Wikipedia
Government Service Portals
Early 2010s SaaS
Basic HTML Forms

Brand Rules

Dos & Don'ts

Do

  • Use Arial (system font) for all text; headings at 700 weight, body at 400 weight.
  • Set body line-height to exactly 20px for readability.
  • Format all headings in sentence-case (e.g., 'Find serious relationships'), never title-case.
  • Style primary buttons with #088ce1 background, #ffffff text, 5px border-radius, and 12px 24px padding.
  • Maintain a strictly flat design: no box-shadows, no gradients, and no border colors on buttons (use background color only).
  • Use #525252 for body text and #ffffff for background to ensure high contrast.
  • Keep copy concise and action-oriented using imperative verbs (e.g., 'Start registration').
  • Avoid emojis and exclamations in all marketing copy and UI elements.

Don't

  • Do not use serif fonts; the brand is strictly sans-serif (Arial).
  • Do not apply box-shadows to any element, including buttons or cards.
  • Do not use gradients for backgrounds or buttons; use solid #088ce1 only.
  • Do not use title-case for headings; the brand strictly uses sentence-case.
  • Do not include decorative elements, illustrations, or photos that distract from the text.
  • Do not use multiple accent colors; stick to the primary #088ce1 and neutral grays.
  • Do not use emoji in copy; the tone is matter-of-fact and serious.
  • Do not use pill-shaped buttons (100% radius); stick to 5px rounded corners.

Design Assets

Visual Elements

Bezplatné online seznamování s lidmi z celého světa
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/datingonlinecs.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