feat(brand): add logo SVG files and brand guidelines

This commit is contained in:
Eugen Kaparulin
2026-06-07 22:32:27 +03:00
parent 852b6a0cd8
commit ee7898cfac
5 changed files with 76 additions and 1 deletions

View File

@@ -1,6 +1,8 @@
<div align="center">
# Konduit
<img src="logo-horizontal.svg" alt="Konduit" height="52"/>
<br/><br/>
**TCP-Native VPN. Works Where UDP Doesn't.**
@@ -98,6 +100,39 @@ The VPN server, management UI, and stealth-mode protocol are proprietary. Keepin
---
## Brand
### Logo
The Konduit mark is a geometric K built from flat filled polygons. An acid-green arrowhead (`>`) is embedded at the junction of the two K arms — it communicates data routing direction and doubles as the middle stroke of the letter E (founder's initials, E·K).
| File | Use |
|---|---|
| `logo.svg` | Mark only — light backgrounds |
| `logo-dark.svg` | Mark only — dark backgrounds |
| `logo-horizontal.svg` | Mark + wordmark — light backgrounds |
| `logo-horizontal-dark.svg` | Mark + wordmark — dark backgrounds |
### Colour Palette
| Role | Hex |
|---|---|
| Primary (mark) | `#111111` |
| Accent (arrow) | `#A3E635` |
| On dark (mark) | `#FFFFFF` |
The acid green `#A3E635` is the signature colour. It appears exclusively as the arrowhead accent and must not be changed between light and dark variants.
### Typography
Wordmark: **Inter** (or Helvetica Neue / SF Pro as system fallback), weight 600, letter-spacing 0.04em, all lowercase.
### Design Language
Flat, geometric, no gradients or shadows. Swiss modernist influence — precision over decoration. The mark works at 24px and scales to billboard size without modification.
---
## About
Created by **Eugen Kaparulin**.

6
logo-dark.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg viewBox="0 0 100 120" xmlns="http://www.w3.org/2000/svg">
<rect x="8" y="8" width="22" height="104" fill="#FFFFFF"/>
<polygon points="30,8 92,8 30,42" fill="#FFFFFF"/>
<polygon points="30,78 92,112 30,112" fill="#FFFFFF"/>
<polygon points="30,42 78,60 30,78" fill="#A3E635"/>
</svg>

After

Width:  |  Height:  |  Size: 296 B

14
logo-horizontal-dark.svg Normal file
View File

@@ -0,0 +1,14 @@
<svg viewBox="0 0 210 56" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(8,4) scale(0.4)">
<rect x="8" y="8" width="22" height="104" fill="#FFFFFF"/>
<polygon points="30,8 92,8 30,42" fill="#FFFFFF"/>
<polygon points="30,78 92,112 30,112" fill="#FFFFFF"/>
<polygon points="30,42 78,60 30,78" fill="#A3E635"/>
</g>
<text x="56" y="38"
font-family="'Inter', 'Helvetica Neue', Arial, sans-serif"
font-size="28"
font-weight="600"
letter-spacing="-1"
fill="#FFFFFF">konduit</text>
</svg>

After

Width:  |  Height:  |  Size: 538 B

14
logo-horizontal.svg Normal file
View File

@@ -0,0 +1,14 @@
<svg viewBox="0 0 210 56" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(8,4) scale(0.4)">
<rect x="8" y="8" width="22" height="104" fill="#111111"/>
<polygon points="30,8 92,8 30,42" fill="#111111"/>
<polygon points="30,78 92,112 30,112" fill="#111111"/>
<polygon points="30,42 78,60 30,78" fill="#A3E635"/>
</g>
<text x="56" y="38"
font-family="'Inter', 'Helvetica Neue', Arial, sans-serif"
font-size="28"
font-weight="600"
letter-spacing="-1"
fill="#111111">konduit</text>
</svg>

After

Width:  |  Height:  |  Size: 538 B

6
logo.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg viewBox="0 0 100 120" xmlns="http://www.w3.org/2000/svg">
<rect x="8" y="8" width="22" height="104" fill="#111111"/>
<polygon points="30,8 92,8 30,42" fill="#111111"/>
<polygon points="30,78 92,112 30,112" fill="#111111"/>
<polygon points="30,42 78,60 30,78" fill="#A3E635"/>
</svg>

After

Width:  |  Height:  |  Size: 296 B