Skip to content
perdatinggo.com logo

Sitio de citas gratis | Perú

perdatinggo.com

A functional, no-nonsense utility brand that prioritizes clarity and accessibility over aesthetic flair. The design is strictly utilitarian and flat, evoking the feel of early 2010s web services focused on straightforward task completion rather than emotional engagement.

utilitarian
flat
accessible
functional
direct
system-native
unadorned
pragmatic

Color Palette

Colors

#2f79a9

primary

#ffffff

background

#333333

text

#2f79a9

secondaryText

#2f79a9

muted


Typography

Fonts

Arial

body
400
600
system

Helvetica, sans-serif

Arial

heading
700
system

Helvetica, sans-serif

body

The quick brown fox

h1

The quick brown fox


Components

Design System

Iniciar registro
primary
4px
#2f79a9#ffffff

Voice & Tone

Personality

Visual Energy

3/10

Design Era

flat-1.0

Emotional Tone

neutral-efficient

Target Audience

Users seeking a straightforward, low-friction dating experience in Peru who prioritize functionality and ease of use over premium design or sophisticated matching algorithms.

Comparable Brands

Craigslist
Early Craigslist
Basic HTML Forms
Legacy Government Portals
Simple Utility Apps

Brand Rules

Dos & Don'ts

Do

  • Use Arial font family exclusively: 700 weight for headings (sentence-case) and 400/600 for body text.
  • Set body text line-height to exactly 20px with a base color of #333333 on a #ffffff background.
  • Style primary CTA buttons with #2f79a9 background, #ffffff text, 4px border-radius, 10px vertical/25px horizontal padding, and a 1px solid #2f79a9 border.
  • Maintain a strictly flat design aesthetic: apply zero box-shadows and zero gradients to any UI element.
  • Use a base spacing unit of 2px for all margins and padding calculations to ensure consistent, tight spacing.
  • Keep all copy simple and jargon-free, utilizing direct imperative verbs for calls to action (e.g., 'Iniciar registro').
  • Avoid decorative elements; use the limited color palette (#2f79a9, #ffffff, #333333) for functional hierarchy only.
  • Ensure headings are in sentence-case, avoiding title case or all-caps for structural text.

Don't

  • Do not use serif fonts, custom web fonts, or font weights other than 400, 600, and 700.
  • Do not apply any box-shadows, drop shadows, or multi-layer depth effects to cards, buttons, or modals.
  • Do not use gradients, linear or radial, for backgrounds, buttons, or text.
  • Do not use emojis, icons with heavy styling, or decorative illustrations in the copy.
  • Do not use title case or all-caps for headings; strictly adhere to sentence-case.
  • Do not use exclamation marks in marketing copy or UI text to maintain a matter-of-fact tone.
  • Do not use border-radius values other than 4px for buttons and standard UI components.
  • Do not use vibrant or saturated colors outside the primary #2f79a9; avoid dark mode or alternative color schemes.

Design Assets

Visual Elements

PerDatingGo - Sitio de citas gratis en Perú
png250×40

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