Design · branding
01

Identities built
logo, palette, typography

02

Competitors analyzed
by color and by type

03

Industries worked in
from fintech to industry

Design and branding — from logo to design system

What the brandbook includes
01

System layers
mark · color · type · grid

02

Themes out of the box
light and dark

03

Tokens in code
design compiles into code

Logo, color, type and grid — assembled into one language

How we work0:45

We build the brand as a system — from mark to tokens

A reel of krylov® studio projects

01Design and branding

Most people don't need "one more pretty logo." They need a brand as a system: color, type and grid built from tokens that work with equal confidence in the deck, on the site and in the code

Ruslan Krylov

Founder, krylov® studio

How we work

We build the brand as a system — from mark and logo to palette, typography, grid and tokens for the site and the code

01Design and branding

Not "one more pretty logo," but a brand as a system: color, type and grid built from tokens unified across the site, the code and the deck

Ruslan Krylov

Founder, krylov® studio

01ANALYSIS · COMPETITOR COLOR

Competitor color map

X axis — brand color, Y axis — light/dark theme. Every player on one map — you can see the crowded zones at a glance.

OUTLINE
ORBIT
CLEAR
VECTOR
DOMAIN
SPHERE
POLE
RHYTHM
Takeaway

The blue edge is open

The middle and the warm edge are crowded. Clean electric blue is unclaimed — that’s where the brand accent goes.

02ANALYSIS · COMPETITOR TYPE

Competitor fonts

X axis — the font’s origin, Y axis — heading weight. Top to bottom — from light to ultra-bold.

WEIGHT 400WEIGHT 900Google Fonts stockRetail licensesCustom
AaORBITInter
AaOUTLINEManrope
AaCLEARGolos Text
AaVECTORCirce
AaDOMAINTT Commons
AaSPHEREStapel
AaRHYTHMInvolve
AaPOLEDruk
03ANALYSIS · AUDIENCE PORTRAITS

Audience portraits

Who the competitors sell to. Age, role and the core skills of the audience — for every player in the vertical.

42 · enterprise
IT Director
  • Vendor selection
  • Budget & business case
  • Compliance
36 · services
Contact-center Head
  • SL metrics
  • BPM processes
  • Speech analytics
38 · large business
IT Buyer
  • Tenders & procurement
  • Licensing
  • Vendor management
47 · industry
Head of Digital
  • Legacy modernization
  • Domain expertise
  • Program management
04ANALYSIS · AUDIENCE MAP

Where they sit on the map

X axis — age, Y axis — digital maturity. The gap between seasoned decision makers and the mass user is obvious — along with where the product needs its own language.

Digital maturity ↑Mass ↓under 3030–4040+
Studentmass · 21
Job seekermass · 25
Usermass · 29
Team leadB2B · 33
Product managerB2B SaaS · 35
AdminB2B · 40
BuyerIT procurement · 38
Decision makerclient · 42
Takeaway

Two different worlds

Seasoned B2B roles make the decision; the mass segment uses the product. Each needs its own messaging and interface.

05DIRECTION · TRENDS

Design trends

An identity that won’t feel dated a season later. We put only what works for the brand long-term into the system.

/01

Interface silence

Less decoration, more air: hairline rules, a calm grid, accent only where a decision is needed.

/02

Art as language

Illustration and graphics instead of stock photos — a recognizable visual signature for the brand.

/03

Layout that breathes

Generous margins, a clear type hierarchy, rhythm built from spacing — content reads effortlessly.

/04

Token systems

Color, type and spacing as variables — one source of truth for design and code.

/05

Light and dark by default

Every accent is a pair of values: the identity lives in both themes with no rework.

/06

Motion-first

The identity is designed in motion from the start: logo, transitions, micro-animations.

06DIRECTION · PRINCIPLES

Six principles of a new aesthetic

Minimalism
Product as art
Reject the noise
Sustainability
Space that breathes
Focus on what matters
07DIRECTION · SYNTHESIS

What the offering is built from

COMPETITOR COLOR

Middle and warm edge taken — clean blue is open

COMPETITOR FONTS

Grotesques and stock — character is open

AUDIENCE PORTRAITS

B2B pros 30+ and public sector

TRENDS

Silence, art, air

MAJOR CLIENTS

Public sector and enterprise: trust is a must

DOMESTIC SEGMENT

Software registry, Cyrillic, import substitution

BRAND.
PALETTE · ACCENT

Competitors in our blue zone. The middle and warm edge of the spectrum are taken.

One accent for the whole system. Buttons, links, charts and fills.

Themes out of the box. The color lives equally well on light and dark.

One color. One stance — from the button to the whole system

Not a dull corporate blue, not an anxious red. Clean electric blue is the color of action and clarity: it makes the essential obvious and leaves everything else to the silence, and it works with equal confidence in light and dark themes.

08PALETTE · THREE COLORS

Three colors hold the whole system: one accent, one dark, one light. Fewer colors, more order.

PRIMARY
HEX #2E6BFF · RGB 46, 107, 255
CMYK 82, 58, 0, 0 · PANTONE ≈ 2727 C
INK
HEX #141A17 · RGB 20, 26, 23
CMYK 23, 0, 12, 90 · PANTONE ≈ Black 3 C
GREY
HEX #ECEFEA · RGB 236, 239, 234
CMYK 1, 0, 2, 6 · PANTONE ≈ Cool Gray 1 C
09PALETTE · COLOR COMBINATIONS

Possible color combinations

3 colors · 12 working pairs

Swap background and accent every pair stays high-contrast and recognizable

Contrast

Every pair passes AA · light and dark theme

10PALETTE · TEXT ON COLOR

Possible combinations in text

Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Text on color · 12 pairs

Heading and body read on any background in the palette contrast is built into the system, no exceptions

Aa

Legibility

At least AA on every combination

One color. One stance from the button to the whole system

Palette · one accent
01

System layers
mark · color · type · grid

02

Themes out of the box
light and dark

03

Tokens in code
design compiles into code

11PALETTE · Aa · DARK
Aa.
12PALETTE · Aa · LIGHT
Aa.
13TYPOGRAPHY · TYPEFACE PICK
One character — for the masterbrand, the products and the site
Aa
Onest — Google Fonts · OFL · Cyrillic

Competitors share stock fonts and the same TT Commons. Onest claims the open zone on the map character and ultra-bold weights, and it speaks Russian natively

Aa

Onest

Chosen from the font map

14TYPOGRAPHY · HIERARCHY

One typeface the whole hierarchy

300
Onest Light
400
Onest Regular
500
Onest Medium
700
Onest Bold
900
Onest Black
15TYPOGRAPHY · ONEST DETAILS
Дя&
Distinctive glyphs

Open apertures — legible at small sizes and on screens.

Even rhythm in the interface and on a poster.

Full Cyrillic, no compromises.

16WRAP-UP · FAQ

Frequently asked

A system: color, type and spacing tokens, a logo, guidelines and live examples. One logic for the deck, the site and the code.