Skip to content
datingonlinear.com logo

المواعدة المجانية عبر الإنترنت في جميع أنحاء العالم

datingonlinear.com

“A functional, no-nonsense global dating platform that prioritizes utility and clarity over emotional flair. The aesthetic is strictly utilitarian and flat, relying on standard system fonts and a single primary color to convey trust and simplicity without distraction.”

utilitarian
flat
minimalist
functional
trustworthy
simple
global
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

3/10

Design Era

flat-2.0

Emotional Tone

neutral-professional

Target Audience

Users seeking straightforward, serious connections or friendships globally who prefer a clutter-free, easy-to-use interface without modern design trends.

Comparable Brands

Early Craigslist
Basic40s-style utility sites
Government portals
Simple search engines

Brand Rules

Dos & Don'ts

Do

  • Use Arial font exclusively for all text; 700 weight for headings, 400 weight for body.
  • Apply lowercase casing to all headings to maintain a casual, unpretentious tone.
  • Set body text line-height to exactly 20px for readability.
  • Style primary CTA buttons with #088ce1 background, #ffffff text, 5px border-radius, and 12px 24px padding.
  • Maintain a flat design aesthetic with zero box-shadows or gradients on any element.
  • Use #525252 for body text and #000000 or #333333 for headings to ensure high contrast against #ffffff background.
  • Keep copy simple and jargon-free, using action-oriented imperative verbs for calls to action.
  • Avoid emojis, exclamations, and decorative elements in all marketing copy.

Don't

  • Do not use any serif fonts or alternative typefaces; stick strictly to system Arial.
  • Do not apply box-shadows, gradients, or any depth effects to buttons or cards.
  • Do not use title case or uppercase for headings; always use lowercase.
  • Do not use emojis or exclamation marks in any user-facing copy.
  • Do not use border-radius values other than 5px for interactive elements.
  • Do not use vibrant or multi-color palettes; restrict usage to the primary blue (#088ce1) and neutral grays.
  • Do not use complex animations or transitions; keep interactions static and immediate.
  • Do not use high-level technical jargon; keep vocabulary simple 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/datingonlinear.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