Varumärkesresurser
Katas varumärkesresurser.
Identiteten, redo att användas. Åtta punkter, ett hjärta, sju områdesfärger, ett typsnitt. Ta paketet, eller enskilda filer nedan.
Märket
Åtta punkter, ett hjärta.
Hälsa är aldrig en enda sak. Träning, mat, vatten, sömn, återhämtning, huvudet, siffrorna och coachen som läser dem. Varje del är verklig för sig. Ingen av dem fungerar ensam.
Därför är märket inte en enda form. Det är åtta punkter, satta i relation till varandra, och hjärtat är det de bildar tillsammans. Delarna av en människa, hållna i ett system.
Kata är det japanska ordet för en form du övar tills den slutar vara ansträngning och blir du. Många upprepningar, en form. Punkterna är de upprepningarna: dagen du loggade, setet du avslutade, natten du sov. Var och en är liten. Tillsammans är de övningen, och övningen blir människan.
Den levande gradienten
Ett märke. Varje färg.
Färg är ingen dekoration här. Den säger var du är. Varje område i Kata äger en gradient, och märket tar färgen av det område du står i.
Lämnat i fred vandrar märket genom hela systemet: 36 sekunder, en färg in i nästa, den ljusare änden alltid överst eftersom ljuset faller uppifrån. Logotypen, symbolen och den primära knappen läser samma klocka, så identiteten hamnar aldrig ur fas med sig själv.
Vad varje färg betyder.
Rörelse, pass, det du bygger. Grönt: utveckling, pass för pass.
Det du arbetar med, plus vatten och data. Klart, mätt, sakligt.
Natten. Vilan har en egen färg.
Plommon och bär. Det som ger kroppen bränsle, tillskotten inräknade.
Dagen framför dig. Soluppgången, energin och den första timmen.
Hur du mår. Svalt vatten, vid sidan av resten.
Härifrån talar coachen. Bläck, aldrig dekoration.
Logotyp
Logotypen.
Hjärtat av åtta punkter och ordbilden, låsta till varandra. Ge den en hjärthöjd fritt utrymme på varje sida. Rita aldrig om den, färga aldrig om den, dra aldrig i den.
Symbol
Hjärtat.
Åtta punkter bildar ett hjärta. Det står för Kata på egen hand: appikoner, avatarer, favikoner, överallt där ordbilden inte får plats. Punkterna är fyllda, aldrig konturer.
Färg
Färgsystemet.
Två varumärkesgradienter och sex områdespar. Varje del av appen äger ett, så du vet var du är på ljuset omkring dig.
De två varumärkesgradienterna.
Varumärkesgradienten. Den bär märket, toningarna och varje varumärkesyta.
Bläck, mörka ytor och primära knappar. Texten härleds ur #2d3233, aldrig rent svart.
En regel gäller överallt: den starka änden sitter nederst, den ljusa är helt framme vid 72 procent och håller ända upp. Ljuset faller uppifrån. Knapparna följer den också: samma par, samma fall, vit etikett.
Områdesparen.
Salvian som hela systemet vilar på.
Rörelse och utveckling. Grönt, pass för pass.
Det du arbetar med, plus vätska och data. Stålblått, klart och uppmätt.
Natten. Violett äger vilan.
Plommon och bär. Det som föder kroppen, tillskotten inräknade.
Dagen framför dig. Aprikos: soluppgången, energin och den första timmen.
Aqua. Svalt vatten, vid sidan av resten.
Mineral Black. Härifrån talar coachen.
Terrakotta. Reserverad för det som tar bort. Aldrig dekoration.
Knapparna, själva paret.
Det enda på en skärm som du är menad att trycka på. En fylld knapp bär sitt eget områdespar: den starka änden vid foten, den ljusa helt framme vid 72 procent, och etiketten är vit, aldrig svart. Talet till höger är vitt mot mitten av det fallet, där en etikett faktiskt ligger. Ärligt sagt: bara Mineral Black når 4.5, och därför är standardknappen överallt det svarta paret. En sida som äger en färg bär sitt eget par och accepterar det mjukare talet.
Taggar och val, ljusare än så.
En förtitel-tagg är ingen knapp, och det är inte ett segmenterat reglage eller en språkpill heller. Allt som bara visar ett tillstånd tar en ljus lasyr av sin familjs ljusa ände och skriver på den i samma familjs bläck. Talet till höger är det bläcket på den lasyren. Bara det du trycker på är mättat.
Neutraler.
Typsnitt
Articulat CF.
En familj, tre roller. Inget annat.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
Berätta om din dag för Kata.
Rubriker. Satta tätt: -0.032em i herostorlek, upp till -0.012em vid 18px.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
Berätta om din dag för Kata.
Brödtext och gränssnitt.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
Berätta om din dag för Kata.
Betoning, siffror och knapptexter.
Användning
Så använder du den.
Ljus uppifrån
Den ljusare änden av en gradient sitter överst eller på sidan. Knapparna behåller den: två platta toner, ljusare huvud, mörkare fot, och ingen glans någonstans.
Mineral Black, inte svart
Bläcket är #2d3233. Rent svart förekommer bara i den mörka ytskalan.
Knapparnas fysik
Primär är en Mineral Black-pill med vit text. Sekundär är en ljusgrå pill med grå text. Båda med full pillradie.
Fritt utrymme
En hjärthöjd runt logotypen. Logotypen går aldrig under 88px på skärm eller 22mm i tryck.
Gör inte.
- Skriv KATA. Varumärket är Kata.
- Färga om märket, gör konturer av det eller lägg på effekter.
- Dra ut, rotera eller beskär logotypen.
- Vänd en gradient så att den mörka änden hamnar överst.
- Sätt rubriker i något annat än Articulat CF Medium.
- Använd märket för att antyda en rekommendation eller ett partnerskap.
Ta hela kitet.
Paketet innehåller varje variant av logotyp, symbol och ordbild som SVG och PNG, de nio gradienterna, ett färgblad och en readme.
Ladda ner hela paketet