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 background Light
GK monogram on dark background Dark
GK monogram on terracotta background Accent

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) #f9f9f9
Background --bg (dark) #0f0f0f
Text --text (light) #111111
Text --text (dark) #f0f0f0
Text Secondary --text-secondary (light) #636363
Text Secondary --text-secondary (dark) #a0a0a0

Accents

Terracotta --accent-terracotta #d8613c
Sage --accent-sage #b1c5a4
Warm Gray --accent-warm-gray (light) #cfcabe
Warm Gray --accent-warm-gray (dark) #2a2a2a
Tan --accent-tan #c2a990
Steel --accent-steel #b5bdbc

Typography

Inter Body & UI - --font-inter Weights: 400 · 500 · 600 · 700

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

Abel Accent & Display - --font-abel Weights: 400

Gabriel Kanev - Product-minded Maker

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

Visual Language

4px corners Buttons, inputs, tags
6px corners Cards, dropdowns, overlays
12px corners Search overlay, modals
1px border Dividers and outlines via --accent-warm-gray
Hover me
0.15s transitions Color and background changes
4px base unit All spacing is a multiple of 4px

The visual language aims for clarity and restraint. Terracotta (#d8613c) is the single interactive accent - used for links on hover, active nav states, and call-to-action buttons. All other colours are neutral. Dark mode inverts backgrounds and text while keeping accent colours consistent.

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 for body copy and Abel for display or accent 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
  • Mix fonts: Inter and Abel are the only typefaces in use