Brand
Bucla care duce treaba la capăt
Trei arce — plan, acțiune, verificare — în tricolorul românesc, care formează un c deschis. Deschiderea e locul următorului pas.
ZIP · logo-uri SVG și PNG, insigne, imagini pentru social media.
Logo
Simbol și variante
Folosește fișierele așa cum sunt. Alege versiunea închisă sau deschisă după fundalul pe care stă.
Simbol
Doar semnul. Iconițe de aplicație, avatare, favicon, oriunde spațiul e mic.
Variantă orizontală
Semnul și numele unul lângă altul. Implicit pentru antete și documente.
Variantă verticală
Semnul deasupra numelui. Pentru spații pătrate și afișe.
Simbol monocrom
O singură culoare, negru sau alb. Pentru fotografii încărcate, embosare, gravură și tipar într-o culoare.
Construcție
Construit pe o grilă de 16 unități
Fiecare mărime pornește de la aceeași grilă. Varianta micro folosește trasee de 2 celule, ca cele trei trasee să rămână lizibile la 20 px.
| Parametru | Valoare |
|---|---|
| Grilă | 16 × 16 unități |
| Celulă | 1 celulă = 1 px la 16 px |
| Traseu vertical (plan) | x 3–5, y 2–13 (3 lățime) |
| Braț superior (act) | (6,7) → (11,2), 3 grosime |
| Picior inferior (verify) | (6,8) → (12,13), 3 grosime |
| Ordine | petrol → auriu → vermilion, de sus în jos |
| Mărime | Utilizare | Specificație |
|---|---|---|
| master | ≥ 48 px, tipar, marketing | grilă 16 × 16 · trasee de 3 celule |
| small | 24–32 px, interfață, favicon SVG | grilă 16 × 16 · trasee de 3 celule |
| micro | 20 px | grilă 16 × 16 · trasee de 2 celule |
| pixel | Exact 16 px: stratul ICO, tray la 100 %, bara de titlu | 16 × 16 pixeli plasați manual |
Utilizare
Spațiu liber, mărimi, greșeli
Lasă-i semnului spațiu, păstrează-l peste mărimea minimă și nu schimba niciodată felul în care e desenat.
Spațiu liber
Păstrează liber ¼ din înălțimea semnului pe fiecare latură. Aceeași regulă pentru variante.
Mărimi minime
- Simbol: 16 px (varianta pixel) · 6 mm la tipar
- Varianta orizontală: 72 px · 20 mm la tipar
16 px · 72 pxNu
Fiecare dintre acestea strică semnul. Folosește fișierele așa cum sunt.
Nu recolora arcele
Nu schimba ordinea arcelor
Nu contura traseele și nu le subția în fire de păr
Nu adăuga degradeuri, umbre sau străluciri
Nu îl întinde și nu îl turti
Nu îl roti
Culori
Trei culori, o buclă
Definite în OKLCH, cu variante hex sRGB calculate în gamă. Fiecare pereche de text trece WCAG 2.2 AA.
Brand
Petrol
Arcul 1 · plan · accent implicit al interfeței (deschis)
Auriu
Arcul 2 · acțiune / în lucru
Vermilion
Arcul 3 · verificare
Pe fundaluri închise
Petrol pe închis
Accent pe fundaluri închise
Auriu pe închis
Arcul 2 pe fundaluri închise
Vermilion pe închis
Arcul 3 pe fundaluri închise
Neutre
Cerneală
Fundalul iconiței, suprafață închisă
Hârtie
Suprafață deschisă
Ce înseamnă culorile în produs
Plan
Petrol. Agentul stabilește pașii.
Acțiune
Auriu. Agentul rulează unelte și scrie modificări.
Verificare
Vermilion. Agentul verifică rezultatul.
Erorile nu sunt arătate niciodată doar prin vermilion: interfața folosește culoarea de pericol, o iconiță și text.
Tipografie
Manrope și Commit Mono
Două familii cu licență deschisă (OFL-1.1), ambele verificate pentru fiecare caracter românesc.
Manrope
Interfață, marketing, numele · titluri 650, text 450
Aa Ăă Ââ Îî Șș Țț
Planifică, scrie, rulează testele. Îți arată diff-ul.
Pangramă în română
Muzicologă în bej vând whisky și tequila, preț fix.
Commit Mono
Cod, cifre, terminale · 400 și 700
0O 1lI {} =>
$ codai login
✓ 12,40 € · 1,2 mil. tokeniPangramă în română
Muzicologă în bej vând whisky și tequila, preț fix.
Scară: 12 / 13 / 14 (bază) / 16 / 20 / 24 / 32 / 44 px
Mișcare
Semnul se mișcă odată cu agentul
O singură sursă de mișcare pentru web, desktop și Android. Cu mișcare redusă, fiecare stare arată semnul static.
Intrare
Bucla se asamblează: arcele se desenează în ordine și inelul se așază. 900 ms.
Lucrează
O evidențiere trece plan → acțiune → verificare cât timp agentul lucrează.
Reușită
Deschiderea se închide o clipă și se redeschide. 420 ms.
Eroare
O scurtă scuturare orizontală. Niciodată doar culoare. 200 ms.
Hover
Inelul se rotește cu 12° spre cititor. 160 ms.
Treci cu cursorul sau focalizează semnul
Voce
Propoziții scurte, verbul întâi
Cifre în loc de adjective. Spune ce s-a făcut și cum s-a verificat. Niciodată „magic”, „revoluționar” sau „doar”.
| Așa | Nu așa |
|---|---|
| Precis | Rece |
| Local | Provincial |
| Autonom | Opac |
| Sobru | Plictisitor |
Marketing
Da
Planifică, scrie, rulează testele. Îți arată diff-ul.
Nu
Magie AI revoluționară care doar îți scrie codul.
Erori
Da
Gateway-ul nu a răspuns în 30 s. Reîncerc în 5 s.
Nu
Ups! Ceva nu a mers bine.
Documentație
Da
Rulează `Kodwen login`. Browserul se deschide o singură dată.
Nu
Pur și simplu conectează-te și gata!
Denumire
Se scrie Kodwen — K mare, restul cu literă mică, și la început de propoziție. Niciodată KODWEN, KodWen sau „the Kodwen”; forma cu totul minusculă kodwen se folosește doar în identificatori tehnici (hostname, nume de pachet, comenzi). Produse: Kodwen desktop, Kodwen hub, Kodwen pay, Kodwen gateway; modelul se numește simplu Kodwen.
Insignă
Built with Kodwen
Ai construit ceva cu Kodwen? Adaugă insigna pe site sau în README. Trimite către codai.ro.
Închisă
HTML
<a href="https://codai.ro"><img src="https://codai.ro/brand/badge-dark.svg" alt="Built with Kodwen" width="156" height="28"></a>Markdown
[](https://codai.ro)Deschisă
HTML
<a href="https://codai.ro"><img src="https://codai.ro/brand/badge-light.svg" alt="Built with Kodwen" width="156" height="28"></a>Markdown
[](https://codai.ro)