Brand Identity
kinta.co 
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

As design-first founders with professional backgrounds in UI/UX design, we created this Brand Identity Guide to help you communicate Kinta’s voice clearly and consistently.

Kinta is a unique kind of startup. Our mission is to bring a human touch to data intelligence, with care and consideration for end users across both B2C and B2B experiences. This commitment goes beyond standard expectations and shapes every aspect of our work.

We hope these guidelines will help you express Kinta’s message with clarity, confidence, and purpose.

Enjoy the read.

Founders of Kinta
Živko and Tijana Gvozdenović
05 Symbol

The mark on its own

Kinta symbol

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
06 Color variants

Full color first

The full-color lockup is the logo. Use it on every touchpoint that can carry it — it is the only version that shows the mark as designed, and it should be your answer unless something makes it impossible.

Use these wherever you can

Primary on white
Reversed on ink

White and ink are the two backgrounds the full-color lockup is built for. Between them they cover almost everything we make: light surfaces, dark panels, decks, docs, social, product.

Last resort

Only when full color cannot go there

A lime or teal background swallows the matching half of the mark, so the full-color lockup cannot sit on it. These are the exception, not a second style — reach for them only after the full-color options are ruled out, and prefer moving the logo onto a white or ink surface instead.

Mono black on lime
Mono white on teal
07 Monochrome

One color, only when it has to be

Monochrome is a constraint, not a style choice. Reach for it only when full color genuinely cannot be reproduced — single-color print, engraving, embossing, etched or stamped surfaces. If the medium can carry full color, it should.

When it is required, use black on light or white on dark. Never any other single color.

Mono — black on light
Mono — white on ink
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

Aa
Figtree
Figtree · SIL Open Font License · free for commercial use
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 · 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.

Kinta Brand Guidelines · v1.0 · July 2026 · © 2026 Kinta · kinta.co ↗