Markenassets

Kata Markenassets.

Die Identität, bereit zum Einsatz. Acht Punkte, ein Herz, sieben Bereichsfarben, eine Schrift. Nimm das Paket, oder einzelne Dateien unten.

Die Marke

Acht Punkte, ein Herz.

Gesundheit ist nie eine einzige Sache. Training, Essen, Wasser, Schlaf, Erholung, der Kopf, die Zahlen und der Coach, der sie liest. Jeder Teil ist für sich real. Keiner funktioniert allein.

Deshalb ist die Marke keine einzelne Form. Sie besteht aus acht Punkten, in Beziehung zueinander gesetzt, und das Herz ist das, was sie zusammen ergeben. Die Teile eines Menschen, gehalten in einem System.

Kata ist das japanische Wort für eine Form, die man so lange übt, bis sie keine Anstrengung mehr ist, sondern man selbst. Viele Wiederholungen, eine Form. Die Punkte sind diese Wiederholungen: der Tag, den du erfasst hast, der Satz, den du zu Ende gebracht hast, die Nacht, die du geschlafen hast. Jeder einzelne ist klein. Zusammen sind sie die Praxis, und die Praxis wird zum Menschen.

Der lebende Verlauf

Eine Marke. Jede Farbe.

Farbe ist hier keine Dekoration. Sie sagt dir, wo du bist. Jeder Bereich von Kata besitzt einen Verlauf, und die Marke nimmt die Farbe des Bereichs an, in dem du gerade stehst.

Sich selbst überlassen, durchläuft die Marke das ganze System: 36 Sekunden, eine Farbe in die nächste, das hellere Ende immer oben, weil Licht von oben fällt. Lockup, Symbol und der primäre Button lesen dieselbe Uhr, also gerät die Identität nie ausser Takt mit sich selbst.

Lockup und Symbol, live im 36 Sekunden Zyklus.

Was jede Farbe bedeutet.

AktivitätGrün

Bewegung, Sessions, was du aufbaust. Grün: Wachstum, Session für Session.

FokusStahlblau

Woran du arbeitest, dazu Wasser und Daten. Klar, gemessen, sachlich.

SleepViolett

Nacht. Erholung hat eine eigene Farbe.

NutritionMauve

Pflaume und Beere. Was den Körper nährt, Supplemente eingeschlossen.

TodayAprikose

Der Tag vor dir. Sonnenaufgang, Energie und die erste Stunde.

MindAqua

Wie es dir geht. Kühles Wasser, abseits vom Rest.

CoachMineral Black

Von hier spricht der Coach. Tinte, nie Dekoration.

Logo

Das Lockup.

Das Herz aus acht Punkten und die Wortmarke, fest verbunden. Lass ringsum eine Herzhöhe Freiraum. Nie neu zeichnen, umfärben oder verzerren.

PrimärMarke im Sage-Verlauf, Buchstaben in Mineral Black. Der Standard, auf hellen Gründen.
Auf dunkelMarke im Sage-Verlauf, weisse Buchstaben. Für dunkle Gründe.
Monochrom weissEinfarbig. Für Fotografie und unruhige Gründe.
Monochrom schwarzDurchgehend Mineral Black. Für Druck und Prägung.

Symbol

Das Herz.

Acht Punkte ergeben ein Herz. Es steht allein für Kata: App-Icons, Avatare, Favicons, überall dort, wo die Wortmarke nicht hinpasst. Die Punkte sind gefüllt, nie umrissen.

Kata symbol, Primär
PrimärDer Sage-Verlauf, auf hell.
Kata symbol, Auf dunkel
Auf dunkelDerselbe Verlauf trägt einen dunklen Grund.
Kata symbol, Monochrom weiss
Monochrom weissEinfarbig weiss.
Kata symbol, Monochrom schwarz
Monochrom schwarzMineral Black.

Wortmarke

Der Name.

Articulat CF, als Pfade gezeichnet, damit sie nie auf eine Schrift wartet. Nutze sie dort, wo das Herz schon danebensteht.

Kata wordmark, Mineral Black
Mineral BlackFür helle Gründe.
Kata wordmark, Weiss
WeissFür dunkle Gründe.

Farbe

Das Farbsystem.

Zwei Markenverläufe und sechs Bereichspaare. Jeder Bereich der App besitzt einen, du erkennst am Licht, wo du bist.

Die zwei Markenverläufe.

Kata sage

Der Markenverlauf. Er trägt die Marke, die Washes und jede Markenfläche.

#96A48D · #DAE3CF
Mineral Black

Tinte, dunkle Flächen und primäre Buttons. Die Schrift leitet sich von #2d3233 ab, nie von reinem Schwarz.

#000000 · #2D3233

Eine Regel gilt überall: Das starke Ende sitzt unten, das helle ist bei 72 Prozent ganz erreicht und hält bis oben. Licht fällt von oben. Auch Buttons halten sich daran: dasselbe Paar, dasselbe Gefälle, weisse Beschriftung.

Die Bereichspaare.

kataBrand

Das Sage, auf dem das ganze System steht.

#96A48D · #DAE3CFSVG
trainAktivität

Bewegung und Wachstum. Grün, Session für Session trainiert.

#87A266 · #C5DBA5SVG
waterFokus

Woran du arbeitest, dazu Hydration und Daten. Stahlblau, klar und gemessen.

#4E6391 · #A1B1CESVG
sleepSleep

Nacht. Violett gehört der Erholung.

#9E79D3 · #BBA6DDSVG
fuelNutrition

Pflaume und Beere. Was den Körper nährt, Supplemente eingeschlossen.

#9E6A7F · #CCAEBESVG
todayToday

Der Tag vor dir. Aprikose: Sonnenaufgang, Energie und die erste Stunde.

#E2845A · #F2DAC9SVG
mindMind

Aqua. Kühles Wasser, abseits vom Rest.

#4B8599 · #A3C5CESVG
coachCoach

Mineral Black. Von hier spricht der Coach.

#000000 · #2D3233SVG
alertAlert

Terrakotta. Reserviert für das, was entfernt. Nie Dekoration.

#CD7966 · #F3D5C9SVG

Buttons, das Paar selbst.

Brand#96A48D · #DAE3CF1.60
Aktivität#87A266 · #C5DBA51.79
Fokus#4E6391 · #A1B1CE2.87
Sleep#9E79D3 · #BBA6DD2.50
Nutrition#9E6A7F · #CCAEBE2.52
Today#E2845A · #F2DAC91.65
Mind#4B8599 · #A3C5CE2.31
Coach#000000 · #2D323315.87
Alert#CD7966 · #F3D5C91.76

Das eine, was du auf einem Screen drücken sollst. Ein gefüllter Button trägt sein Bereichspaar selbst: das starke Ende am Fuss, das helle bei 72 Prozent ganz erreicht, und die Beschriftung ist weiss, nie schwarz. Die Zahl rechts ist Weiss gegen die Mitte dieses Gefälles, dort wo eine Beschriftung wirklich sitzt. Ehrlich gesagt: Nur Mineral Black erreicht 4.5, darum ist der Standard-Button überall das schwarze Paar. Eine Seite, die eine Farbe besitzt, fährt ihr eigenes Paar und nimmt die weichere Zahl in Kauf.

Tags und Auswahl, noch heller.

Brand#EEF2E9 · #626F594.70
Aktivität#E5EFD7 · #5B6E434.70
Fokus#D5DCE9 · #4A5E8A4.68
Sleep#E0D7F0 · #743FC04.71
Nutrition#E8DBE2 · #8154664.62
Today#F9EEE7 · #B24C1F4.67
Mind#D6E5E9 · #3B69784.67
Alert#FAECE7 · #A5503A4.78

Ein Pretitle-Tag ist kein Button, und ein Segment-Schalter oder eine Sprachpille auch nicht. Alles, was nur einen Zustand zeigt, nimmt eine helle Lasur des hellen Endes seiner Familie und schreibt darauf in der Tinte derselben Familie. Die Zahl rechts ist diese Tinte auf dieser Lasur. Kräftig ist nur das, was du drückst.

Neutrale Töne.

PaperDer eine durchgehende Grund.#FAFAF8
PanelErhöhte Flächen.#FFFFFF
Panel 2Weiche Füllungen, ein Hauch Sage.#F2F4F0
HairlineRänder.#E7EAE4
InkFliesstext und Buchstaben.#2D3233
Ink dimSekundärer Text.#5C6360
Ink faintLabels und tertiärer Text.#8A918C
PositiveGute Daten. Negative Daten nutzen Terrakotta.#87A266

Schrift

Articulat CF.

Eine Familie, drei Rollen. Sonst nichts.

Medium 500

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789

Erzähl Kata von deinem Tag.

Titel. Eng gesetzt: -0.032em in Herogrösse, gelockert auf -0.012em bei 18px.

Regular 400

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789

Erzähl Kata von deinem Tag.

Fliesstext und Interface.

DemiBold 600

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789

Erzähl Kata von deinem Tag.

Betonung, Zahlen und Button-Beschriftungen.

Anwendung

So wird sie eingesetzt.

Licht von oben

Das hellere Ende eines Verlaufs sitzt oben oder an der Seite. Buttons behalten es: zwei flache Stufen, heller Kopf, tieferer Fuss, und nirgends ein Schimmer.

Mineral Black, nicht Schwarz

Die Tinte ist #2d3233. Reines Schwarz erscheint nur in der dunklen Flächenrampe.

Button-Physik

Primär ist eine Pille in Mineral Black mit weisser Beschriftung. Sekundär ist eine hellgraue Pille mit grauer Beschriftung. Beide mit vollem Pillenradius.

Freiraum

Eine Herzhöhe rings um das Lockup. Das Lockup geht nie unter 88px am Bildschirm oder 22mm im Druck.

Bitte nicht.

  • KATA schreiben. Die Marke heisst Kata.
  • Die Marke umfärben, umranden oder mit Effekten versehen.
  • Das Lockup verzerren, drehen oder beschneiden.
  • Einen Verlauf kippen, sodass das tiefe Ende oben sitzt.
  • Titel in etwas anderem setzen als Articulat CF Medium.
  • Die Marke nutzen, um eine Empfehlung oder Partnerschaft anzudeuten.

Nimm das ganze Kit.

Das Paket enthält jede Logo-, Symbol- und Wortmarken-Variante als SVG und PNG, die neun Verläufe, ein Farbblatt und eine Readme.

Das ganze Paket laden