Kinta

Brand guidelines

Kinta Brand Guidelines

Version 1.0 · July 2026 · brand.kinta.co

Scroll

02 The promise

Every receipt should work twice.

For the household that paid it — and for the market that learns from it. Kinta is one product with two beneficiaries and zero conflict, and its brand carries that balance: precise enough for data, warm enough for a kitchen table.

03 Founders

Živko Gvozdenović

Co-founder & CEO

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum.

Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Aenean lacinia bibendum nulla sed consectetur.

Tijana Gvozdenović

Co-founder & CPO

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum.

Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Aenean lacinia bibendum nulla sed consectetur.

04 Logo

The lockup

The primary lockup pairs the Kinta symbol with the wordmark. It is the default way to sign anything we make — use it whenever space allows.

Download SVG Download PNG

Clearspace equals the height of the symbol (1K) on all sides. Nothing — text, edges, other marks — enters this zone.

96 px / 24 mm

Minimum width: 96 px on screen · 24 mm in print. Below this, use the symbol alone.

Don't

Don't stretch or condense

Don't recolor outside approved variants

Don't add shadows or effects

Don't outline

Don't rotate

Don't place on busy or low-contrast backgrounds

05 Symbol

The mark on its own

The symbol stands in for the full lockup wherever space is tight or the name is already established: app icons, avatars, favicons, watermarks. Minimum size: 20 px on screen · 6 mm in print.

64402416

Download SVG Download PNG

06 Color variants

Approved combinations

Primary on white

SVG PNG

Reversed on ink

SVG PNG

Primary on lime

SVG PNG

Reversed on teal

SVG PNG

These four combinations are the only approved color treatments. On photography or any other background, use the monochrome versions.

07 Monochrome

One color, when it has to be

For single-color reproduction — print at cost, engraving, embossing, fax-grade contexts — use the monochrome lockup in ink on light or white on dark. Never in any other single color.

Mono — ink on light

SVG PNG

Mono — white on ink

SVG PNG

08 Color

Five ramps, one system

Kinta's palette is five ramps of ten stops each. Every color we ship is a stop on one of these ramps — click any value to copy its hex.

Lime

primary

RGB 212, 235, 142

Lime · 200

Highlight and optimism: sweeps, badges, moments of delight. Never body text on white.

Teal

primary

RGB 0, 163, 173

Teal · 500

The product color: links, kickers, icon tiles, charts. Use the 600 stop and darker for text on light.

Ink

text & depth

RGB 20, 48, 46

Ink · 900

Depth and authority: dark panels, primary buttons, and the entire grey ladder for text.

Mist

surface

RGB 242, 249, 245

Mist · 50

Quiet structure: page surfaces, hairlines, muted labels.

Coral

accent

RGB 255, 111, 92

Coral · 400

Alerts and promos only. It is the loudest voice in the room — use it sparingly.

Lime primary

Lime · 200

Teal primary

Teal · 500

Ink text & depth

Ink · 900

Mist surface

Mist · 50

Coral accent

Coral · 400

Semantic tokens

Named roles map the ramps onto real UI. Ship these names, not raw stops, wherever a token system exists.

surface/page — Default page background

surface/card — Cards and elevated surfaces

surface/ink ink-900 Dark panels, primary CTAs

surface/ink-hover — Hover state of ink surfaces

text/heading — Headings on light

text/body ink-700 Body copy on light

text/muted ink-500 Secondary copy, captions

text/faint mist-400 Tertiary details, meta

text/secondary mist-700 Labels, list copy

teal/base teal-500 The product color; fills, charts

teal/deep teal-600 Kickers and text links on light

teal/hover teal-700 Link hover

teal/soft teal-300 Accents on ink

teal/bright teal-100 Glows, charts on ink

teal/tint teal-50 Icon tiles, subtle fills

lime/base lime-200 Highlight sweeps, badges

lime/tint lime-50 Soft fills

lime/deep lime-700 Text on lime fills

coral/base coral-400 Promo/alert accents

coral/deep coral-500 Alert text, strike marks

coral/tint coral-50 Alert backgrounds

line/default mist-100 Hairlines, card borders

line/strong mist-200 Emphasized borders

line/on-ink ink-800 Borders on dark panels

on-ink/text ink-50 Text on ink

on-ink/muted ink-300 Secondary text on ink

on-ink/faint ink-600 Tertiary text on ink

Grab the values

Download tokens JSON

:root {
  --kinta-lime-50: #F0FFC7;
  --kinta-lime-100: #E1F79E;
  --kinta-lime-200: #D4EB8E;
  --kinta-lime-300: #B7CD71;
  --kinta-lime-400: #9EB357;
  --kinta-lime-500: #84983C;
  --kinta-lime-600: #6D8020;
  --kinta-lime-700: #576800;
  --kinta-lime-800: #425000;
  --kinta-lime-900: #2E3800;
  --kinta-teal-50: #E2FDFF;
  --kinta-teal-100: #B5F9FF;
  --kinta-teal-200: #97EAF0;
  --kinta-teal-300: #74D3DA;
  --kinta-teal-400: #4ABAC3;
  --kinta-teal-500: #00A3AD;
  --kinta-teal-600: #00868E;
  --kinta-teal-700: #006C73;
  --kinta-teal-800: #005459;
  --kinta-teal-900: #003B3F;
  --kinta-ink-50: #F1F9F8;
  --kinta-ink-100: #E5EDEC;
  --kinta-ink-200: #D2DBDA;
  --kinta-ink-300: #B8C4C3;
  --kinta-ink-400: #9CABAA;
  --kinta-ink-500: #809290;
  --kinta-ink-600: #677B79;
  --kinta-ink-700: #4E6462;
  --kinta-ink-800: #364E4C;
  --kinta-ink-900: #14302E;
  --kinta-mist-50: #F2F9F5;
  --kinta-mist-100: #E6EDE9;
  --kinta-mist-200: #D4DBD7;
  --kinta-mist-300: #BCC3BF;
  --kinta-mist-400: #A3A9A6;
  --kinta-mist-500: #898F8C;
  --kinta-mist-600: #717874;
  --kinta-mist-700: #5B615D;
  --kinta-mist-800: #454B47;
  --kinta-mist-900: #2F3431;
  --kinta-coral-50: #FFF4F2;
  --kinta-coral-100: #FFE4DF;
  --kinta-coral-200: #FFCBC2;
  --kinta-coral-300: #FFA698;
  --kinta-coral-400: #FF6F5C;
  --kinta-coral-500: #E65847;
  --kinta-coral-600: #CA3D2E;
  --kinta-coral-700: #AE1F13;
  --kinta-coral-800: #8D0400;
  --kinta-coral-900: #650200;

  --kinta-surface-page: #F7FAF7;
  --kinta-surface-card: #FFFFFF;
  --kinta-surface-ink: #14302E;
  --kinta-surface-ink-hover: #2F5A52;
  --kinta-text-heading: #000000;
  --kinta-text-body: #4E6462;
  --kinta-text-muted: #809290;
  --kinta-text-faint: #A3A9A6;
  --kinta-text-secondary: #5B615D;
  --kinta-teal-base: #00A3AD;
  --kinta-teal-deep: #00868E;
  --kinta-teal-hover: #006C73;
  --kinta-teal-soft: #74D3DA;
  --kinta-teal-bright: #B5F9FF;
  --kinta-teal-tint: #E2FDFF;
  --kinta-lime-base: #D4EB8E;
  --kinta-lime-tint: #F0FFC7;
  --kinta-lime-deep: #576800;
  --kinta-coral-base: #FF6F5C;
  --kinta-coral-deep: #E65847;
  --kinta-coral-tint: #FFF4F2;
  --kinta-line-default: #E6EDE9;
  --kinta-line-strong: #D4DBD7;
  --kinta-line-on-ink: #364E4C;
  --kinta-on-ink-text: #F1F9F8;
  --kinta-on-ink-muted: #B8C4C3;
  --kinta-on-ink-faint: #677B79;
}

Approved text pairings

#000000 on #F7FAF7 19.97 : 1 AA

#4E6462 on #FFFFFF 6.32 : 1 AA

#00868E on #FFFFFF 4.37 : 1 AA Large

#F1F9F8 on #14302E 13.17 : 1 AA

#B8C4C3 on #14302E 7.86 : 1 AA

#14302E on #D4EB8E 10.77 : 1 AA

#576800 on #F0FFC7 5.86 : 1 AA

#E65847 on #FFF4F2 3.33 : 1 AA Large

#74D3DA on #14302E 8.09 : 1 AA

#809290 on #FFFFFF 3.26 : 1 AA Large

Ratios follow WCAG 2.1. "AA Large" passes only at 24 px+ regular or 19 px+ bold.

09 Typography

Figtree carries the voice

Figtree

Figtree · SIL Open Font License · free for commercial use

Get Figtree on Google Fonts

Regular 400 Sphinx of black quartz, judge my vow.

Medium 500 Sphinx of black quartz, judge my vow.

Semibold 600 Sphinx of black quartz, judge my vow.

Bold 700 Sphinx of black quartz, judge my vow.

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

ŠšĐđČčĆćŽž — full Serbian Latin support

0123456789 !?%&()€$

Tabular figures for money and data: 12.480,00 RSD · 1.234.567,89

Hero

Every receipt works twice

58 / 1.12 / -.015em / 700

Big statement

Use it with care.

46 / 1.15 / -.015em / 600

Section

Five ramps, one system

38 / 1.2 / -.01em / 600

Closing line

Keep it honest.

26 / -.015em / 600

Card title

The mark on its own

22 / 1.3 / 600

Body

Precise enough for data, warm enough for a kitchen table.

17 / 1.6 / 400

Eyebrow / kicker

THE PROMISE

13 / .14em / 600

Numbers, hex values and code render in the system mono stack: ui-monospace, Menlo, monospace.

10 In use

Application — 01

11 In use

Application — 02

12 In use

Application — 03

13 · Colophon

Use it with care.

Kinta's brand makes the same promise as the product: what people share should work for them first. Every logo placement, every color, every line of type either keeps that promise or spends it. Keep it consistent, keep it honest — and when in doubt, ask.

brand@kinta.co Back to top