Red Shorts Design System v1

Eine Marke wie ein guter Tag am Meer

Koralle wie die Shorts, Sand wie der Strand, dazu warmes Schwarz und Weiß. Struktur und Komponenten-Anatomie folgen der Verdantix-Vorlage, die Farbwelt kommt aus deinem Logo.

01 Marke

Logo und Emblem

Red Shorts Wortmarke mit Flagge
Red Shorts Emblem: Badehose am Mast im Ring

Die Wortmarke lebt auf dunklen Flächen und Fotos, das Emblem übernimmt Navbar, Favicon und kleine Formate. Die Animation ist der Hero-Titel: Schrift und Mast fallen rein, die Shorts werden gehisst und wehen dauerhaft im Wind.

02 Farben

Kernpalette

Koralle#FF6465
Koralle tief#E84A4E
Tinte#23201A
Warmweiß#FFFDF8
Sand 50#FAF5EA
Sand 100#F4ECDA
Sand 200#EADFC4
Mastholz#DAB68F

Strandwelt (nur Illustration)

Sand hell#FFF0BF
HimmelVerlauf
Meer#BCDFE5
Sonne#FFB17A

Koralle ist die einzige Aktionsfarbe: Buttons, Links, Akzente. Sand trägt Flächen und Karten, Tinte alles Dunkle. Die Strandfarben bleiben Illustrationen vorbehalten, damit die Oberfläche ruhig wirkt.

03 Typografie

Manrope, eine Schrift für alles

Display 500 Software that sparks joy
H2 500

Apps that put you in a good mood

H3 500

Reliable when it counts

H4 500

Relaxed about everything else

Body 400

Picture a lifeguard. He sits on his tower, the sun is blazing, below him a kid squeals on an air mattress. Everyone is here to have a good day. So is he, by the way.

Small 400

Focus is the most relaxed form of ambition.

Eyebrow 700 Software Studio
04 Buttons und Chips

Bedienelemente

See our products Learn more Read the details
Say hi Learn more Wildwatch
01 About us 02 Products Empathy Optimism Lightness Interconnected
05 Karten und Stats

Values, Zahlen, Produkt-Screens

Empathy

We feel with the people we build for. Emotions are not noise to tune out - they are the guidance that leads us to good products.

Optimism

Things will work out. The day will be good. Software gets to feel the same way: confident instead of complicated.

Lightness

Less is more. Baggage piles up when you cling to things, so we let go early and travel light. Focus is the most relaxed form of ambition.

Interconnected

It takes a village to raise a child. It took the whole world to make this happen.

3+ apps in the making
1 pair of red shorts
100% heart and soul
01.

Wildwatch

02.

What's for Dinner?

03.

Logbook AI

Your training logbook, done in 30 seconds. Send a voice note and the AI turns it into clean entries - ready to export as a PDF.

Logbook AI home screen

So funktioniert später die Product Section: dunkle Bühne, links die drei Apps als Liste, die beim Scrollen durchschaltet, rechts echte App-Screens. Hier als statische Vorschau mit einem echten Berichtsheft-Screen.

06 Mission-Effekt

Scroll: Karte färbt sich, Wörter streichen sich durch

Beim Scrollen streicht der rote Stift alles Überflüssige durch. Was stehen bleibt: Software that sparks joy.

Mission

We build Software with a simple test: does it make your day a little lighter? Everything that passes Sparks the rarest thing in tech - actual Joy.