<!-- Generated by ExtractVibe — https://extractvibe.com/brand/phldatinggo.com -->
<!-- Extracted: 2026-08-12T17:50:10.921Z | Schema: v1 | Quality: 65/100 -->
---
version: alpha
name: "Free Dating Site | Philippines"
description: "Free Dating Site | Philippines 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"
---

# Free Dating Site | Philippines — Design System

## Overview

The design atmosphere is defined by uncompromising professionalism and functional clarity, tailored specifically for a free dating platform in the Philippines. The interface prioritizes trust and usability over whimsy, ensuring that users perceive the service as a legitimate and secure environment for connection. The visual language avoids playful or overly casual aesthetics, instead opting for a structured, clean layout that mirrors established corporate standards. This approach signals reliability, reducing user anxiety about online interactions and emphasizing the platform's commitment to serious, respectful dating experiences. The design is not a social media feed; it is a utility-first tool designed for efficiency and clarity. Every element serves a purpose, stripping away decorative noise to focus on the core action: connecting people. The overall impression is one of stability and order, creating a safe harbor in the often chaotic digital dating landscape.

**Key characteristics:**

- Vibe — professional
- Design era — contemporary
- Emotional tone — professional
- Target audience — general audience
- Visual energy — 5/10 (moderate)

## Colors

The palette leverages #2f79a9, a deep, trustworthy blue, to anchor the brand in professionalism and calm. This primary color conveys stability and security, essential for a dating platform. The #ffffff surface provides high contrast and readability, ensuring content remains the focal point. This minimalist approach eliminates visual clutter, reinforcing the brand's serious and clean identity while maintaining accessibility standards.

### 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 ensures maximum compatibility and neutral readability. This choice avoids stylistic distractions, allowing the content to speak for itself. Hierarchy is established through weight and size rather than unique typefaces, creating a logical flow that guides users effortlessly through the interface. The result is a straightforward, no-nonsense reading experience that aligns with the platform's professional ethos.

### 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 — "Start registration"

## 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/phldatinggo.com/logo-0.ico) | 95% |
| favicon | — | ico | [link](brands/phldatinggo.com/logo-1.ico) | 95% |
| primary | — | png | [link](brands/phldatinggo.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/phldatinggo.com
- Raw JSON — https://extractvibe.com/api/brand/phldatinggo.com
- DESIGN.md (this file) — https://extractvibe.com/api/brand/phldatinggo.com/design.md
- Extracted — 2026-08-12T17:50:10.921Z
- Generator — ExtractVibe vv1
- Quality score — 65/100