Contextul clientului
H.AI este o agenție de marketing digital 100% online. Lucrăm cu antreprenori și afaceri care vor un singur partener pentru site, brand, reclame și conținut. Înainte să facem asta pentru alții, am făcut-o pentru noi.
Provocarea
Aveam nevoie de o identitate care să spună două lucruri deodată: că suntem rapizi și direcți („Hai!”) și că lucrăm cu AI fără să pierdem judecata omului (H.AI, Human + AI). Fără clișeele agențiilor de AI: gradiente mov, roboți, creiere, rețele neuronale.
Strategia
Am pornit de la nume, care se citește în două feluri. Am explorat trei direcții de logo: A, un wordmark „h.ai” în care punctul leagă omul de AI; B, un H din doi stâlpi, unul rotund și unul drept; C, un „h” al cărui picior devine semn de exclamare. Am ales A: se citește direct „hai”, iar punctul dintre litere spune singur ideea. Punctul coral devine semnătura brandului: locul unde omul și AI-ul se întâlnesc.
Execuția
Am desenat literele geometric, direct în SVG, fără un font la bază. Am construit versiunile orizontală, verticală, simbol „h.” și simbol mic, fiecare în color, reversed, negru și alb, plus favicon, iconițe de aplicație și imagini de profil pentru rețelele sociale. Am scris ghidul de brand și am animat logo-ul. Apoi am construit acest site în Next.js, cu textele în română și accesibilitatea verificată de la început.
Design
Paleta urmează proporția 60 Cream, 30 Ink, 10 Coral. Ink Violet e aproape negru, nu un „mov tech”. Coralul apare doar pe punct, pe butoane și pe un singur cuvânt evidențiat. Pentru i-punct am testat și variante pixelate (pătrat, grilă 2×2, cerc pixelat, plus din pixeli). Le-am respins și am păstrat punctul rotund, clasic. Titlurile folosesc Outfit, textul Work Sans. În animație, „h” și „ai” se apropie, iar punctul coral cade de sus și sare o dată: e singurul element care se mișcă independent.
Ink Violet
#1B1730 · Text, logo, fundaluri închise
Coral Hai
#F04A26 · Punctul, butoane, accent
Cream
#F6F2EC · Fundaluri
Coral Light
#FF6B4A · Accent pe fundal închis
Slate
#5E5A73 · Text secundar
A · aleasă
B · Om + AI
C · „h!”
Grilă 2×2
Cerc pixelat
Plus din pixeli
Rezultate
Livrat: ghid de brand v1.0, 16 fișiere de logo (4 versiuni × 4 culori), favicon și iconițe web, imagini de profil sociale, animația logo-ului și acest website. Rezultatele de business (vizite, cereri de ofertă, rata de conversie a formularului) le publicăm aici după primele luni de activitate, cu cifre reale.