# Gabriel Kanev > Source: https://gkanev.com/design-kit/ > Machine-readable version - 2026-06-12 --- Skip to main content Search ESC # Design Kit Brand assets, color palette, typography, and design guidelines for Gabriel Kanev and [gkanev.com](https://gkanev.com). Free to use in press coverage, articles, and podcast artwork. ## Logo [Image: GK monogram on light background] Light [Image: GK monogram on dark background] Dark [Image: 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](/favicon-512.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 ## Navigation - [About](/about-me/) - [Uses](/uses/) - [Now](/now/) - [Resources and Guides](/resources-and-guides/) - [Speaking](/speaking/) - [Posts](/posts/) - [Work & Experience](/work/) - [Projects](/projects/) - [Books](/books/) - [Research Publications](/research-publications/) - [Contact me](/contact-me/) - [Home](/) --- Generated by astro-inference | https://gkanev.com/llms.txt