Skip to content
autdatinggo.com logo

Kostenlose Dating-Site | Österreich

autdatinggo.com

“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.”

utilitarian
flat
functional
trustworthy
minimalist
system-native
direct
accessible

Color Palette

Colors

#2f79a9

primary

#ffffff

background

#333333

text

#2f79a9

secondaryText

#2f79a9

muted

Typography

Fonts

Arial

body
400
600
system

Helvetica, sans-serif

Arial

heading
700
system

Helvetica, sans-serif

body

The quick brown fox

h1

The quick brown fox

Components

Design System

Registrierung starten
primary
4px
#2f79a9#ffffff

Voice & Tone

Personality

Visual Energy

3/10

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.

Comparable Brands

Government portals
Early-stage SaaS dashboards
Public library systems
Basic classifieds

Brand Rules

Dos & 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.

Design Assets

Visual Elements

AutDatingGo - kostenlose Dating-Site in Österreich
png250×40

DESIGN.md

AI-ready

Drop into any project root. Cursor, Claude Code, v0, Lovable, and other AI coding agents read this file to generate on-brand UI. Spec

Download
DESIGN.md not yet generated for this brand.
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
cURL
# Fetch the full brand kit
curl https://extractvibe.com/api/brand/autdatinggo.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.

Get started free