Brand assets

Kata brand assets.

Everything you need to show Kata, in one download.

One zip: the logo in SVG and PNG for light and dark, the favicon and app icons for iPhone, Apple Watch and Android, the colors as text, JSON and swatches, and a note on the type.

The mark

Eight dots, one heart.

Health is never one thing. Training, food, water, sleep, recovery and the mind are each real on their own, and none of them works alone. So the mark is eight dots set in relation to each other, and the heart is what they make together.

Kata is the Japanese word for a form you practice until it becomes you. The dots are those repetitions: the day you logged, the set you finished, the night you slept.

Logo

The logo.

The lockup, the heart on its own and the wordmark, for light and dark grounds. Give the lockup one heart height of clear space, and never redraw, recolor or stretch it. One-color versions are in the pack.

LockupOn light
LockupOn dark
Symbol, On light
SymbolOn light
Symbol, On dark
SymbolOn dark
Wordmark, On light
WordmarkOn light
Wordmark, On dark
WordmarkOn dark

Color

The colors.

Sage and Mineral Black carry the brand. Every area of the app owns one more pair, so you always know where you are.

Kata sage

The mark and every brand surface.

#96A48D · #DAE3CF
Mineral Black

Ink, dark surfaces and the default button. Type is #2d3233, never pure black.

#000000 · #2D3233

The area pairs.

Activity#87A266 · #C5DBA5
Focus#4E6391 · #A1B1CE
Sleep#9E79D3 · #BBA6DD
Nutrition#9E6A7F · #CCAEBE
Today#E2845A · #F2DAC9
Mind#4B8599 · #A3C5CE
Alert#CD7966 · #F3D5C9

Neutrals.

Paper#FAFAF8
Panel#FFFFFF
Panel 2#F2F4F0
Hairline#E7EAE4
Ink#2D3233
Ink dim#5C6360
Ink faint#8A918C

Every gradient stands on its strong end: strong at the bottom, the light end fully there at 72 percent and holding to the top. Light falls from above.

On contrast, plainly: measured where a centered label sits, white reaches 15.87 to 1 on the Mineral Black button but only 1.60 to 2.87 on the colored pairs, which is why the default button is black. Tags set each color’s own ink on a pale wash, at 4.62 to 4.78. Every figure is in colors.txt.

The palette as a fileTXTJSONASE

Type

Articulat CF.

One family, three roles. Figures that must line up use its fixed-width cut, Articulat CF Tab.

Medium 500Titles, set tight.

Tell Kata about your day.

Regular 400Body and interface.

Tell Kata about your day.

DemiBold 600Emphasis, figures and button labels.

Tell Kata about your day.

The fonts are licensed, so they are not in the pack: fonts.txt names every cut and where to license it.

Icons

The icons.

The favicon and the app icons, rendered from the same masters as the rest of the identity.

The Kata favicon
FaviconSVG, ICO and PNG, up to 512 px.
The Kata app icon for iPhone
iPhone1024 px, light and dark.
The Kata app icon for Apple Watch
Apple Watch1024 px.
The Kata app icon for Android
Android512 px for Google Play, plus the adaptive layers.