<!-- Generated by ExtractVibe — https://extractvibe.com/brand/autdatinggo.com -->
<!-- Extracted: 2026-08-12T19:15:51.808Z | Schema: v1 | Quality: 90/100 -->
---
version: alpha
name: "Kostenlose Dating-Site | Österreich"
description: "A functional, no-nonsense utility brand that prioritizes clarity and accessibility over emotional flair. The aesthetic is strictly utilitarian and flat, relying on standard system fonts and a single primary blue to convey trust and simplicity without distraction."
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"
---

# Kostenlose Dating-Site | Österreich — Design System

## Overview

This design system establishes a strictly utilitarian interface for a free Austrian dating platform, prioritizing functional clarity and accessibility above all aesthetic considerations. The visual language is flat, minimal, and system-native, drawing direct inspiration from government portals, public library systems, and early-stage SaaS dashboards. The design atmosphere is one of neutral efficiency; it serves as a transparent utility rather than an emotional experience. Users encounter a clean, distraction-free environment where navigation and content retrieval are immediate and intuitive. The aesthetic rejects decorative elements, gradients, or complex visual metaphors in favor of standard UI patterns that require zero cognitive load to understand. This approach aligns with The Sage and The Everyman archetypes, positioning the brand as a trustworthy, no-nonsense tool for practical connection. The interface does not attempt to evoke romance or excitement through visual flair; instead, it communicates reliability through consistency and simplicity. There is no marketing noise, only clear signals and actionable components. The design IS NOT playful, luxurious, or abstract. It is grounded in the reality of everyday utility, ensuring that users from all technical backgrounds can navigate the platform with confidence. The visual hierarchy is explicit, using spacing and contrast to guide attention without relying on stylistic experimentation. Every element exists to serve a specific function, reinforcing the brand’s commitment to accessibility and straightforward communication. The overall impression is one of institutional stability, similar to a public service website, where the focus remains entirely on the user’s task rather than the brand’s personality. This restraint ensures that the platform feels safe, familiar, and dependable, reducing friction in the user journey and fostering trust through predictable, standard interactions.

**Key characteristics:**

- Vibe — utilitarian, flat, functional, trustworthy, minimalist, system-native
- Archetypes — The Sage, The Everyman
- Comparable to — Government portals, Early-stage SaaS dashboards, Public library systems, Basic classifieds
- Design era — flat-2.0
- Emotional tone — neutral-pragmatic
- Target audience — Austrian residents and tourists seeking straightforward, low-friction dating services who value functionality and cost-free access over premium matchmaking features.
- Visual energy — 3/10 (calm/understated)

## Colors

The palette relies on a single primary blue (#2f79a9) against a pure white surface (#ffffff) to signal trust, clarity, and simplicity. This restrained approach eliminates visual noise, ensuring that interactive elements and critical information stand out without distraction. The blue conveys institutional reliability and calm, while the white background maximizes readability and accessibility. This functional color strategy reinforces the brand’s utilitarian nature, prioritizing user comprehension over emotional stimulation.

### 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 uses Arial to ensure maximum compatibility, readability, and a neutral, system-native feel. As a ubiquitous sans-serif, Arial avoids stylistic bias, aligning with the brand’s no-nonsense, utilitarian identity. Hierarchy is established through weight and size rather than font variation, maintaining a clean, flat aesthetic. This choice communicates stability and accessibility, ensuring the interface feels familiar and trustworthy to a broad Austrian audience without introducing unnecessary visual complexity.

### 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 — title-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 — "Registrierung starten"

## Do's and Don'ts

### Do

- Use Arial for all typography: weight 400 for body text and weight 700 for headings.
- Set body text line-height to exactly 20px to ensure readability and consistent spacing.
- Style primary buttons with background #2f79a9, white (#ffffff) text, 4px border-radius, and padding of 10px 25px.
- Apply title-case capitalization to all headings (e.g., 'Registrierung Starten').
- Maintain a flat design aesthetic with no box-shadows, gradients, or depth effects on any element.
- Use #333333 for primary text color and #ffffff for background to ensure high contrast.
- Use direct imperative verbs for CTAs (e.g., 'Registrierung starten', 'Beitreten').
- Keep border-radius uniform across all interactive elements at 4px for a consistent, slightly softened square look.

### Don't

- Do not use emojis, exclamations, or playful language in any copy.
- Do not apply gradients, shadows, or glassmorphism effects to buttons or cards.
- Do not use sentence case for headings; strictly adhere to title-case.
- Do not use serif fonts or custom web fonts; stick to the system Arial stack.
- Do not use vibrant or multi-color palettes; restrict usage to the primary blue, white, and dark grey.
- Do not use pill-shaped buttons (border-radius > 4px); maintain the 4px radius.
- Do not use passive voice or vague terminology; keep copy matter-of-fact and direct.
- Do not add decorative borders or outlines to buttons; rely on the solid background fill.

*Source — inferred*

## Voice

### Tone (1–10 scale)

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

### Copywriting style

- Avg. sentence length — 22 words
- Vocabulary — moderate
- Jargon — some
- CTA style — direct imperative verbs
- Rhetorical devices — repetition, parallelism

### Sample copy

> Ein einzigartiger Suchalgorithmus für verschiedene Kriterien ermöglicht es Ihnen, interessante Bekanntschaften zu machen

> Treten Sie einer kostenlosen Dating-Site für Einheimische, Ausländer, Touristen bei.

> Die Seite eignet sich hervorragend zum Aufbau ernsthafter Beziehungen zu interessanten romantischen Mitgliedern.

> Sie können eine virtuelle Korrespondenz auf der Suche nach der Liebe mit dem richtigen Kandidaten beginnen

## Logos

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

## Sources

- Live brand page — https://extractvibe.com/brand/autdatinggo.com
- Raw JSON — https://extractvibe.com/api/brand/autdatinggo.com
- DESIGN.md (this file) — https://extractvibe.com/api/brand/autdatinggo.com/design.md
- Extracted — 2026-08-12T19:15:51.808Z
- Generator — ExtractVibe vv1
- Quality score — 90/100