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.
Construcție
Construit pe o grilă de 48 de unități
Fiecare mărime pornește de la aceiași parametri. La mărimi mici liniile sunt mai groase și spațiile mai mari, ca cele trei arce să rămână lizibile.
| Parametru | Valoare |
|---|---|
| Grilă | 48 × 48 unități |
| Centrul inelului | (24,5, 24) · +0,5u spre deschidere |
| Raza liniei de centru | 13u |
| Grosime | 6u (1/8 din iconiță) |
| Deschidere | 80°, spre est |
| Arce | 3 × 88°, spații de 8° |
| Capete | drepte |
| Ordine | petrol → auriu → vermilion, în sens trigonometric |
| Mărime | Utilizare | Specificație |
|---|---|---|
| master | ≥ 48 px, tipar, marketing | r 13 · w 6 · gap 8° |
| small | 24–32 px, interfață, favicon SVG | r 13 · w 6,5 · gap 14° |
| micro | 20 px | r 12,5 · w 7 · mouth 84° · gap 16° |
| 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
Nu
Fiecare dintre acestea strică semnul. Folosește fișierele așa cum sunt.
Nu recolora arcele
Nu schimba ordinea arcelor
Nu închide deschiderea într-un semn static
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ă `codai login`. Browserul se deschide o singură dată.
Nu
Pur și simplu conectează-te și gata!
Denumire
Se scrie codai, mereu cu literă mică, și la început de propoziție. Niciodată Codai, CodAI, CODAI, Cod.ai sau „the codai”. Produse: codai desktop, codai hub, codai pay, codai gateway; modelul se numește simplu codai.
Insignă
Built with codai
Ai construit ceva cu codai? 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 codai" 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 codai" width="156" height="28"></a>Markdown
[](https://codai.ro)