<!-- Generated by ExtractVibe — https://extractvibe.com/brand/perdatinggo.com -->
<!-- Extracted: 2026-07-10T10:22:29.096Z | Schema: v1 | Quality: 90/100 -->
---
version: alpha
name: "Sitio de citas gratis | Perú"
description: "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."
colors:
  primary: "#2f79a9"
  neutral: "#2f79a9"
  surface: "#ffffff"
  on-surface: "#333333"
  on-surface-secondary: "#2f79a9"
typography:
  display-lg:
    fontFamily: "Arial"
    fontSize: "22px"
    fontWeight: "700"
    lineHeight: "20px"
  body-md:
    fontFamily: "Arial"
    fontSize: "14px"
    fontWeight: "400"
    lineHeight: "20px"
rounded:
  md: "4px"
  full: "9999px"
spacing:
  base: "2px"
  xs: "1px"
  sm: "2px"
  md: "4px"
  lg: "6px"
  xl: "8px"
components:
  button-primary:
    backgroundColor: "#2f79a9"
    textColor: "#ffffff"
    rounded: "4px"
    padding: "10px 25px"
    fontSize: "18px"
    fontWeight: "400"
    borderColor: "#2f79a9"
    borderWidth: "1px"
---

# Sitio de citas gratis | Perú — Design System

## Overview

The interface embodies a rigidly utilitarian aesthetic, rejecting decorative elements in favor of pure functional clarity. It mirrors the structural simplicity of early 2010s web services and legacy government portals, where the primary goal is task completion rather than emotional engagement. The design operates as a direct utility, evoking the no-nonsense reliability of Craigslist or basic HTML forms. Every element serves a distinct purpose, eliminating ambiguity through high-contrast layouts and predictable interaction patterns. This approach ensures maximum accessibility and immediate comprehension, treating the user as an Everyman seeking a straightforward solution without distraction.

The visual language is strictly flat and system-native, avoiding gradients, shadows, or rounded corners that suggest modern luxury. Instead, it relies on sharp edges, standard system fonts, and a sparse layout that prioritizes information density and readability. The emotional register is neutral and professional, fostering trust through transparency and simplicity. The design IS NOT playful, trendy, or luxurious; it is a tool for connection, stripped of unnecessary flair. This minimalism ensures that the focus remains entirely on the content and the core functionality of the dating service, providing a stable, uncluttered environment that feels familiar and safe to users accustomed to traditional web interfaces.

**Key characteristics:**

- Vibe — utilitarian, flat, accessible, functional, direct, system-native
- Archetypes — The Everyman, The Sage
- Comparable to — Craigslist, Early Craigslist, Basic HTML Forms, Legacy Government Portals
- 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.
- Visual energy — 3/10 (calm/understated)

## Colors

The palette is restricted to a single primary hue (#2f79a9) and a pure white surface, reinforcing the brand's utilitarian nature. The blue conveys trust and stability, essential for a dating platform, while the white background ensures maximum legibility and a clean, uncluttered appearance. This high-contrast combination eliminates visual noise, directing attention solely to interactive elements and text content. The absence of secondary colors or gradients signals a no-frills approach, prioritizing function over form and ensuring the interface remains accessible and easy to navigate for all users.

### Light mode

| Role | Hex | Name |
|------|-----|------|
| primary | `#2f79a9` | Steel Blue |
| background | `#ffffff` | White |
| text | `#333333` | Charcoal |
| secondary text | `#2f79a9` | Steel Blue |
| muted | `#2f79a9` | Steel Blue |

## Typography

Typography relies exclusively on Arial, leveraging its ubiquity and neutrality to ensure immediate readability across all devices. The hierarchy is established through size and weight variations rather than distinct typefaces, maintaining a consistent and predictable visual rhythm. Text is left-aligned with ample spacing to enhance scanning efficiency, reflecting the brand's direct and functional character. This choice avoids stylistic distractions, aligning with the Sage archetype's emphasis on clarity and truth. The result is a text system that feels familiar, reliable, and effortless to process, supporting the overall goal of straightforward communication.

### Font families

| Family | Role | Source | Weights |
|--------|------|--------|---------|
| Arial | body | system | 400, 600 |
| Arial | heading | system | 700 |

### Type scale

| Role | Family | Size | Weight | Line height | Letter spacing |
|------|--------|------|--------|-------------|----------------|
| Display | Arial | 22px | 700 | 20px | — |
| Body | Arial | 14px | 400 | 20px | — |

### Conventions

- Heading case — sentence-case
- Body line-height — 20px

## Layout

- Base spacing unit — `2px`

## Shapes

Border-radius scale:

- `md` — 4px
- `full` — 9999px (pill / circular)

## Components

### Buttons

**Primary**

- Background — `#2f79a9`
- Text — `#ffffff`
- Radius — `4px`
- Padding — `10px 25px`
- Font size — `18px`
- Font weight — `400`
- Border — `1px solid #2f79a9`
- Sample copy — "Iniciar registro"

## Do's and 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.

*Source — inferred*

## Voice

### Tone (1–10 scale)

| Axis | Score | Lean |
|------|-------|------|
| Formal ↔ Casual | 6/10 | balanced |
| Playful ↔ Serious | 4/10 | playful |
| Enthusiastic ↔ Matter-of-fact | 7/10 | matter-of-fact |
| Respectful ↔ Irreverent | 3/10 | respectful |
| Technical ↔ Accessible | 9/10 | accessible |

### Copywriting style

- Avg. sentence length — 18 words
- Vocabulary — simple
- Jargon — none
- CTA style — direct imperative verbs
- Rhetorical devices — repetition, parallelism

### Sample copy

> PerDatingGo es un popular servicio de citas en línea en Perú.

> Te ayuda a encontrar el amor, coquetear con parejas, hacer nuevos amigos.

> El sistema tiene en cuenta los intereses de los usuarios y ofrece una oportunidad única para seleccionar socios especiales.

> Únete al sitio de citas gratuito para locales, extranjeros y turistas.

> Iniciar sesiónCrear cuenta nueva

## Logos

| Type | Variant | Format | URL | Confidence |
|------|---------|--------|-----|------------|
| favicon | — | ico | [link](brands/perdatinggo.com/logo-0.ico) | 95% |
| favicon | — | ico | [link](brands/perdatinggo.com/logo-1.ico) | 95% |
| primary | — | png | [link](brands/perdatinggo.com/logo-2.png) | 85% |

## Sources

- Live brand page — https://extractvibe.com/brand/perdatinggo.com
- Raw JSON — https://extractvibe.com/api/brand/perdatinggo.com
- DESIGN.md (this file) — https://extractvibe.com/api/brand/perdatinggo.com/design.md
- Extracted — 2026-07-10T10:22:29.096Z
- Generator — ExtractVibe vv1
- Quality score — 90/100