Let’s talk

Design Kit

Brand assets, color palette, typography, and design guidelines for Gabriel Kanev and gkanev.com. Free to use in press coverage, articles, and podcast artwork.

Logo

GK monogram on light backgroundLight
GK monogram on dark backgroundDark
GK monogram on terracotta backgroundAccent

The GK monogram is the primary mark. Use it at a minimum size of 32×32 px. Do not alter the proportions, add effects, or place it on busy backgrounds.

Download PNG

Colours

Base

Background--bg (light)#f8f7f4
Background--bg (dark)#121210
Text--text (light)#171717
Text--text (dark)#f0f0f0
Text Secondary--text-secondary (light)#62625f
Text Secondary--text-secondary (dark)#a0a0a0

Accents

Terracotta--accent-terracotta#c96f4a
Sage--accent-sage#9ca888
Sage Deep--accent-sage-deep#7f8e69
Sage Soft--accent-sage-soft#dfe3d2
Warm Gray--accent-warm-gray#d8d3c8
Surface--surface#fffdf9

Typography

InterBody, UI & Display - --font-interWeights: 400 · 500 · 600 · 700

Turning complexity into useful products.

Regular 400 - The quick brown fox jumps over the lazy dog

Medium 500 - The quick brown fox jumps over the lazy dog

SemiBold 600 - The quick brown fox jumps over the lazy dog

Bold 700 - The quick brown fox jumps over the lazy dog

Visual Language

Button
Pill controlsButtons and status badges
12px cornersIcons and compact inner surfaces
20px cornersCards and dropdowns
24px cornersLarge panels and feature surfaces
Layered shadowElevation without heavy borders
Hover me
0.15–0.18s transitionsOnly the properties that change

The visual language aims for clarity and warmth. Terracotta (#c96f4a) is the interactive accent, while sage supports illustrations and quiet information surfaces. Cards use warm backgrounds and layered shadows; borders stay reserved for structure and focus states.

Usage Guidelines

Do
  • Use the logo on solid, high-contrast backgrounds
  • Maintain the logo's aspect ratio at all times
  • Credit gkanev.com when using assets in editorial contexts
  • Use Inter across body copy, navigation, and display headings
Don't
  • Recolour, rotate, or distort the logo
  • Use brand assets to imply endorsement or affiliation
  • Use terracotta as a background for large areas - it's an accent only
  • Add decorative typefaces or mix unrelated icon styles