Skip to content
datingonlinefr.com logo

Rencontres en ligne gratuites dans le monde entier

datingonlinefr.com

“A functional, no-nonsense digital utility focused on global connectivity through technology. The brand prioritizes clarity and ease of use over emotional flair, presenting itself as a reliable, straightforward tool for finding relationships.”

utilitarian
global
accessible
straightforward
tech-enabled
clean
functional
neutral

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

Commencer l'inscription
primary
5px
#088ce1#ffffff

Voice & Tone

Personality

Visual Energy

4/10

Design Era

flat-minimal

Emotional Tone

reliable-neutral

Target Audience

Adults seeking serious or casual connections globally who value functionality and ease of access over premium or luxury experiences.

Comparable Brands

Tinder (early functional era)
Meetup
LinkedIn
Google Maps

Brand Rules

Dos & Don'ts

Do

  • Use Arial font family for all text elements; apply weight 700 for headings and 400 for body copy.
  • Format all headings in sentence-case (e.g., 'Site de rencontre gratuit') and keep body line-height at 20px.
  • Style primary action buttons with background #088ce1, white (#ffffff) text, 5px border-radius, and 12px vertical / 24px horizontal padding.
  • Maintain a flat design aesthetic: do not use box-shadows or gradients on any UI elements.
  • Use #525252 for primary body text to ensure readability against the #ffffff background.
  • Keep copy simple and jargon-light, using action-oriented imperative verbs for CTAs (e.g., 'Commencer l'inscription').
  • Adhere to a base spacing unit of 2px for consistent layout rhythm and margin/padding calculations.
  • Avoid decorative elements like emojis or exclamations in marketing copy to maintain a matter-of-fact tone.

Don't

  • Do not use Title Case for headings; the brand strictly uses sentence-case.
  • Do not apply any box-shadows or drop-shadows to buttons, cards, or containers.
  • Do not use gradients; all backgrounds and buttons must be solid colors.
  • Do not use serif fonts or alternative typefaces; Arial is the mandatory system font.
  • Do not use exclamation marks (!) in copy, maintaining a calm and serious demeanor.
  • Do not use emojis in any marketing or UI text.
  • Do not use border-radius values other than 5px for buttons and standard UI components.
  • Do not use vibrant or neon accent colors; stick to the primary blue #088ce1 and neutral grays.

Design Assets

Visual Elements

Rencontres en ligne gratuites avec des personnes du monde entier
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/datingonlinefr.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