Skip to content
datingonlineel.com logo

Δωρεάν online γνωριμίες παγκοσμίως

datingonlineel.com

“A straightforward, functional, and accessible dating platform that prioritizes clarity and ease of use over aesthetic flair. The brand feels utilitarian and trustworthy, relying on a clean, flat design language to facilitate global connections without distraction.”

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

Emotional Tone

reliable-direct

Target Audience

Greek-speaking individuals seeking serious relationships or friendships globally, likely older demographics or those preferring simple, no-nonsense interfaces.

Comparable Brands

Craigslist
EarlyBird
Meetup
LinkedIn

Brand Rules

Dos & Don'ts

Do

  • Use Arial font family for all text; apply weight 700 for headings and 400 for body copy.
  • Format all headings in sentence-case only; do not use title case or all-caps.
  • Set body text line-height to exactly 20px for optimal readability.
  • Style primary CTA buttons with background #088ce1, white (#ffffff) text, 5px border-radius, and padding of 12px vertical by 24px horizontal.
  • Keep all button borders solid #088ce1 with no shadow or gradient effects.
  • Use #525252 for all primary body text to ensure high contrast against the #ffffff background.
  • Maintain a flat design aesthetic: strictly avoid box-shadows, gradients, and drop-shadows on all elements.
  • Use a base spacing unit of 2px for margins and padding to maintain consistent, tight layouts.

Don't

  • Do not use emojis in any copy, headings, or button text.
  • Do not use exclamations marks in marketing copy or CTAs; keep tone matter-of-fact.
  • Do not use serif fonts, script fonts, or any font other than Arial.
  • Do not apply any box-shadows or multi-layer depth effects to cards, buttons, or containers.
  • Do not use gradients on buttons or backgrounds; stick to solid #088ce1 and #ffffff.
  • Do not use title case for headings; always use sentence-case.
  • Do not use vibrant or neon colors; restrict palette to primary blue, white, and dark grey.
  • Do not use pill-shaped buttons (100% radius); strictly use 5px border-radius.

Design Assets

Visual Elements

Δωρεάν online γνωριμίες με άτομα από όλο τον κόσμο
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/datingonlineel.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