# Gabriel Kanev > Source: https://gkanev.com/design-kit/ > Machine-readable version - 2026-09-06 --- Skip to main contentESC# 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]AccentThe 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)#f8f7f4Background--bg (dark)#121210Text--text (light)#171717Text--text (dark)#f0f0f0Text Secondary--text-secondary (light)#62625fText Secondary--text-secondary (dark)#a0a0a0### Accents Terracotta--accent-terracotta#c96f4aSage--accent-sage#9ca888Sage Deep--accent-sage-deep#7f8e69Sage Soft--accent-sage-soft#dfe3d2Warm Gray--accent-warm-gray#d8d3c8Surface--surface#fffdf9## Typography InterBody, UI & Display - `--font-inter`Weights: 400 · 500 · 600 · 700Turning 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 controls**Buttons and status badges**12px corners**Icons and compact inner surfaces**20px corners**Cards and dropdowns**24px corners**Large panels and feature surfaces**Layered shadow**Elevation without heavy bordersHover me**0.15–0.18s transitions**Only the properties that changeThe 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 ## Navigation - [About](/about-me/) - [Uses](/uses/) - [Now](/now/) - [Resources & Guides](/resources-and-guides/) - [Speaking](/speaking/) - [Writing](/posts/) - [Work & Experience](/work/) - [Projects](/projects/) - [Books](/books/) - [Research Publications](/research-publications/) - [Contact me](/contact-me/) - [Home](/) - [Design Kit](/design-kit/) - [FAQ](/faq/) - [Sitemap](/sitemap/) - [Sustainability](/sustainability/) - [Product Strategy](/product-strategy/) - [Consulting](/consulting/) - [Performance Audits](/performance-audits/) - [Audits & Assessments](/audits/) - [Sponsoring](/sponsoring/) - [LinkedIn](https://linkedin.com/in/mrgkanev/) - [X (formerly Twitter)](https://twitter.com/mrgkanev/) - [GitHub](https://github.com/mrgkanev/) - [YouTube](https://youtube.com/@mrgkanev/) - [RSS](/rss.xml) - [Atom](/atom.xml) - [JSON Feed](/feed.json) - [Privacy Policy](/privacy-policy/) - [Terms & Conditions](/terms-and-conditions/) - [Accessibility](/accessibility-statement/) --- Generated by astro-inference | https://gkanev.com/llms.txt