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">
|
<div align="center">
|
||||||
|
|
||||||
# Konduit
|
<img src="logo-horizontal.svg" alt="Konduit" height="52"/>
|
||||||
|
|
||||||
|
<br/><br/>
|
||||||
|
|
||||||
**TCP-Native VPN. Works Where UDP Doesn't.**
|
**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
|
## About
|
||||||
|
|
||||||
Created by **Eugen Kaparulin**.
|
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