Visual Identity

Living Earth,
Clear Voice.

The visual identity of Wild Care reflects our values: Organic and warm, but never vague. Clear and honest, but never cold. This document defines colours, typography, tone, and design principles.

Core Statement

We live in a world of unprecedented change. To find new ways of living together, it is not enough to think them into being — we must experience and practice them together.

From the Wild Care Manifesto

01 — Colours

The Colours of the Earth

Every colour has a purpose. No cold white, no harsh black. Everything feels like a warm room.

Moss #5C6B4F
Terracotta #C4775A
Sand #E8DFD0
Bark #2C2418
Warm White #FAF7F2

Usage

Moss

Headings, buttons, navigation, links. The primary action colour.

Terracotta

Accents, hover states, calls to action, highlights. Energy and warmth.

Sand & Bark

Background surfaces, cards, body text. The quiet foundation.

02 — Typography

Two Voices, One Space

Fraunces brings character and liveliness. DM Sans brings clarity and readability. Together they form the visual tone of Wild Care.

Encounter in Movement

Font Fraunces
Role Display & Headings
Character Organic, wonky serifs, lively
Variable Axes SOFT, WONK, opsz

Radical Care

Style Fraunces Italic
Role Quotes, highlighted passages
Character Poetic, reflective

Art as a living, social practice

Font DM Sans
Role Body, UI, Navigation, Labels
Character Warm, clear, not sterile
Weights 300, 400, 500, 700

MICRO-UTOPIAS · EXPLORATIVE LEARNING

Style DM Sans Uppercase
Role Labels, Categories, Navigation
Spacing 0.12em letter-spacing

03 — Principles

Four Principles

Every design decision follows these principles — they reflect the manifesto.

Relationship > Perfection

Authentic, Not Polished

Real photos instead of stock imagery. Handwritten elements are welcome. Small imperfections make it human.

Micro-Utopias

Creating Spaces

Generous white space. Each section should feel like its own room to step into. Breathing pauses between blocks.

Explorative Learning

Invite, Don't Lecture

Questions instead of answers. “Come by” instead of “Book now”. The website should spark curiosity, not sell.

Radical Care

Clear and Accessible

Readable font sizes. High contrast. Accessible navigation. Care also shows in how we shape information.

04 — Tone & Voice

How We Sound

Our language is warm and inviting, but never vague or esoteric. We speak clearly and on equal footing.

Academic
Distant
Warm & Clear
Honest
Esoteric
Promotional

Like This

“Come by — you don't need any experience, just comfortable clothes and curiosity.”

Not Like This

“Discover the transformative power of somatic presence work in a safe container.”

Like This

“We practice how we take up space and give space. In dance and in everyday life.”

Not Like This

“Our holistic approach integrates embodied cognition and relational aesthetics in participatory formats.”

05 — Components

Building Blocks

The fundamental UI elements used across all pages.

Buttons

Cards

Standard Card

Contact Improvisation

The playful exploration of gravity, balance, and touch.

Sand Card

Every Monday

17:45, Orpheumgasse 11, Graz. On a donation basis.

Accent Card

Join Us

Your membership is as individual as you are.

Dividers

Terracotta line: Separates sections, creates visual accents


Subtle line: Light separation within sections

06 — Spacing

Room to Breathe

All spacing is based on an 8px grid. Generous white space is not a luxury — it is respect for the content.

XS 4px
SM 8px
MD 16px
LG 24px
XL 48px — Space between elements
2XL 80px — Space between sections (Mobile)
3XL 120px — Space between sections (Desktop)