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.”
Color Palette
Colors
Typography
Fonts
Arial
Helvetica, sans-serif
Arial
Helvetica, sans-serif
The quick brown fox
14pxThe quick brown fox
22pxComponents
Design System
Voice & Tone
Personality
Visual Energy
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
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
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
# 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.
