feat(brand): add logo SVG files and brand guidelines
This commit is contained in:
37
README.md
37
README.md
@@ -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
6
logo-dark.svg
Normal 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
14
logo-horizontal-dark.svg
Normal 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
14
logo-horizontal.svg
Normal 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
6
logo.svg
Normal 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 |
Reference in New Issue
Block a user