Sistemnye Resheniya

Brand Book

Corporate identity of Sistemnye Resheniya. Logos, color palette, typography and usage guidelines.

Logos

Main logo
Main logo
Horizontal layout. Used on the website, in documents and on business cards.
SVG | PNG | JPG | WEBP
Logo on dark background
On dark background
Gray replaced with white — for use on dark and black backgrounds.
SVG | PNG | WEBP
Icon
Symbol (icon)
Used as favicon, avatar in messengers, app icon.
SVG | PNG | JPG | WEBP
White-blue icon
Symbol — white-blue version
Gray replaced with white. For light backgrounds, print and monochrome media.
SVG | PNG | WEBP
Monochrome logo
Monochrome version
For single-color printing, stamps and engraving.
SVG | PNG | JPG | WEBP
Two-line logo
Logo — two-line
Vertical layout: symbol on the left, text in two rows.
SVG | PNG | JPG | WEBP
Two-line dark logo
Logo — two-line, dark background
Version for dark background: gray text replaced with white.
SVG | PNG | WEBP

Logo structure

Symbol

The logo consists of two elements:

  • Symbol — four rectangles with rounded corners: two blue (primary color) and two gray (secondary). It symbolizes a systematic approach, modularity and reliability.
  • Text "Sistemnye" — set in gray (#737373) on a light background or white on dark, denotes fundamentality and expertise.
  • Text "Resheniya" — set in blue (#3274CC), emphasizes result and action.

Brand colors

Primary blue
HEX: #3274CC
RGB: 50, 116, 204
CMYK: 75, 43, 0, 20
Logo, buttons, links, accent elements
Secondary gray
HEX: #737373
RGB: 115, 115, 115
CMYK: 0, 0, 0, 55
Logo symbol, body text, captions
Dark
HEX: #111827
RGB: 17, 24, 39
CMYK: 56, 38, 0, 85
Headings, main content
Background
HEX: #F9FAFB
RGB: 249, 250, 251
CMYK: 1, 0, 0, 2
Page background, sections, cards
Green (in stock)
HEX: #16A34A
RGB: 22, 163, 74
"In stock" status, successful actions
Orange (on order)
HEX: #EA580C
RGB: 234, 88, 12
"On order" status, warnings

Typography

Main font
Inter
Used for the entire interface: headings, text, buttons, navigation.
Weights: Regular (400), Medium (500), Semibold (600), Bold (700).
Monospace
Mono
For SKUs, codes, technical data.
Weight: Regular (400).
Scale
28px Heading H1
20px Heading H2
16px Heading H3
14px Body text — descriptions, paragraphs, product cards
12px Small text — captions, labels, statuses

Usage guidelines

Allowed
  • Use the logo on white, light and dark backgrounds
  • Scale proportionally
  • Use the symbol separately from the text (as an icon)
  • Minimum logo height — 24px
Forbidden
  • Change the colors of logo elements
  • Rotate or distort
  • Add shadows, outlines, effects
  • Place on a busy or low-contrast background
  • Change the proportions of the symbol and text