--- version: alpha name: "Sitio de citas gratis | España" description: "Sitio de citas gratis | España presents a professional web presence." 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 | España — Design System ## Overview The visual identity of Sitio de citas gratis | España is defined by a strict adherence to professional clarity and functional elegance. The design atmosphere rejects whimsy, decorative excess, or casual informality in favor of a structured, trustworthy environment. This aesthetic aligns with established norms of serious digital services, prioritizing user confidence over playful experimentation. The interface communicates stability and reliability, ensuring that visitors perceive the platform as a legitimate and secure space for connection. The visual language is clean, uncluttered, and direct, mirroring the straightforward nature of the service offered. There is no ambiguity in the presentation; every element serves a clear purpose in guiding the user through the dating process with minimal friction. The overall impression is one of corporate competence blended with approachable utility, creating a neutral yet polished backdrop that allows the content to take center stage without distraction. This approach ensures broad appeal across diverse demographics while maintaining a cohesive, unified brand presence that feels both modern and enduring. The design does not attempt to be trendy or edgy; instead, it focuses on timeless professionalism that instills immediate trust in the user base. **Key characteristics:** - Vibe — professional - Design era — contemporary - Emotional tone — professional - Target audience — general audience - Visual energy — 5/10 (moderate) ## Colors The primary color #2f79a9 serves as the anchor for the brand's professional character, evoking trust, stability, and clear communication. This deep blue tone is standard in corporate and service-oriented digital products, signaling reliability and security to users. The surface color #ffffff provides a stark, clean contrast that maximizes readability and reduces visual noise. This high-contrast pairing ensures that information is processed quickly and effortlessly. The absence of accent colors or gradients reinforces the minimalist, no-nonsense philosophy of the platform. The palette is utilitarian yet sophisticated, avoiding any emotional manipulation through color psychology while maintaining a visually pleasing and accessible interface 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 The type system relies exclusively on Arial, a ubiquitous sans-serif font that guarantees universal rendering and immediate legibility across all devices and operating systems. This choice prioritizes function and accessibility over stylistic flair, aligning with the brand's professional and utilitarian ethos. The hierarchy is established through weight and size variations rather than distinct typefaces, creating a clear and logical flow of information. Arial's neutral appearance ensures that the content remains the focal point, preventing the typography from competing with the user's attention. This conservative approach to typography reinforces the brand's commitment to clarity and ease of use, ensuring that users of all technical proficiencies can navigate the interface with confidence and ease. ### 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" ## Voice ### Tone (1–10 scale) | Axis | Score | Lean | |------|-------|------| | Formal ↔ Casual | 5/10 | balanced | | Playful ↔ Serious | 5/10 | balanced | | Enthusiastic ↔ Matter-of-fact | 5/10 | balanced | | Respectful ↔ Irreverent | 3/10 | respectful | | Technical ↔ Accessible | 5/10 | balanced | ### Copywriting style - Avg. sentence length — 12 words - Vocabulary — moderate - Jargon — some - CTA style — direct ## Logos | Type | Variant | Format | URL | Confidence | |------|---------|--------|-----|------------| | favicon | — | ico | [link](brands/espdatinggo.com/logo-0.ico) | 95% | | favicon | — | ico | [link](brands/espdatinggo.com/logo-1.ico) | 95% | | primary | — | png | [link](brands/espdatinggo.com/logo-2.png) | 85% | ## Sources - Official brand guidelines — https://www.pinterest.com/ideas/brand-kit-guidelines/950644889222/ - Live brand page — https://extractvibe.com/brand/espdatinggo.com - Raw JSON — https://extractvibe.com/api/brand/espdatinggo.com - DESIGN.md (this file) — https://extractvibe.com/api/brand/espdatinggo.com/design.md - Extracted — 2026-08-11T09:16:15.168Z - Generator — ExtractVibe vv1 - Quality score — 65/100