Brand book Adplex
Regulile vizuale și de ton ale brandului: logo, culori, tipografie, interfață, imagini și felul în care scriem. Totul pornește din logo și din site-ul adplex.ai.
Reclame create cu AI, din linkul produsului
Adplex este platforma în care magazinele online, brandurile și agențiile creează reclame cu AI, le publică cu aprobarea clientului și le lasă pe mâna regulilor de optimizare. Brandul trebuie să arate exact asta: rapid, clar și sigur pe el, fără zgomot.
Magazine online, branduri și agenții
Oameni care lucrează zilnic cu produse, campanii și clienți. Vor rezultate, nu explicații despre tehnologie.
Reclame care rulează aproape singure
Din linkul produsului ies reclamele, publicarea și regulile care scalează ce merge și opresc ce pierde.
General, pe orice platformă
Spunem „reclame create cu AI”. Numim Meta doar când vorbim despre publicarea directă în Meta Ads.
Simbolul este litera „a”
Logo-ul se citește „adplex.ai”. Prima literă este simbolul Adplex, desenat vectorial, iar restul cuvântului este scris cu Manrope. Folosește mereu fișierele originale, nu rescrie logo-ul cu un font.
Lasă în jurul logo-ului cel puțin x = înălțimea literei „d” din „dplex”. Niciun text sau element nu intră în zona marcată.
- Logo complet: minim 100 px lățime pe ecran și 30 mm la tipar. În meniul site-ului are 134 × 30 px.
- Simbol singur: minim 16 px (favicon) și 24 px în rest.
- Sub aceste mărimi punctele mici din simbol se pierd: folosește simbolul singur.
Patru culori din logo, un singur accent
Culorile brandului vin din gradientul simbolului. Pe pagină domină neutrele calde, titlurile sunt negre, iar roz închis este singura culoare pentru acțiuni. Apasă pe o culoare ca să copiezi codul.
Culorile brandului
Gradientul rulează la 100°. Îl folosim în detalii: bordura butonului principal, linii subțiri, accente mici. Nu umplem cu el suprafețe mari de text.
Accent și acțiuni
Neutre
Momente închise și stări
Aproximativ 70% fundal deschis, 18% text și elemente închise, 6% gri cald, 4% accent și 2% gradient. Cu cât culoarea apare mai rar, cu atât atrage mai mult atenția.
Manrope pentru titluri, fontul sistemului pentru text
Adplex folosește același sistem ca BigConvert: Manrope în titluri și în logo, fontul nativ al sistemului pentru text, butoane și etichete. În ecranele aplicației folosim IBM Plex Sans.
Scara tipografică a site-ului
- H1 · 38–64 px
Manrope 700
linie 1,12 · −0,035 em - Și dacă reclamele tale ar rula aproape singure?
- H2 · 26–48 px
Manrope 700
linie 1,18 · −0,03 em - Vezi ce vinde fiecare produs, în Meta și în Google
- H3 · 19–21 px
Manrope 700
linie 1,28 · −0,02 em - Aprobare fără cont, de pe telefon
- Text · 17 px
Sistem 400
linie 1,6 - Adplex preia titlul, oferta și pozele din pagina produsului, iar mai multe modele AI creează același concept în paralel.
- Titlurile sunt negre (Ink #15101A), niciodată colorate în întregime.
- Maxim 3 rânduri pentru H1 pe telefon.
- Spațiere negativă la titluri mari, normală la text.
- Mereu „ș” și „ț” cu virgulă dedesubt (U+0219, U+021B), nu cu sedilă.
- Manrope și IBM Plex au toate literele românești în setul latin-ext.
Butoane, forme și umbre
Acțiunea principală are un singur aspect: buton negru cu o bordură în gradientul brandului care se rotește încet. Restul acțiunilor sunt mai discrete, ca să nu concureze cu ea.
4 px etichete mici · 8 px butoane, carduri, câmpuri · 12 px ferestre mari de produs.
Umbre fine, nuanțate spre violetul închis al brandului, nu gri.
Bordură #8F8697, colțuri de 8 px, etichetă deasupra. Câmpurile obligatorii au „*”, iar erorile apar sub câmp în roșu #B42318, cu soluția în text.
Iconuri liniștite, animații scurte
Folosim Phosphor în varianta duotone: contur închis, o tentă roz foarte slabă și o placă albă. Iconurile susțin titlurile, nu concurează cu ele. Se animă o singură dată, când apar pe ecran.
- Phosphor duotone, contur #15101A, tentă #C4105A la 16%.
- Logo-urile platformelor (Meta, Google, TikTok, Pinterest, WhatsApp) rămân logo-urile lor reale.
- Fără iconuri multicolore sau emoji.
- Curba de bază:
cubic-bezier(0.23, 1, 0.32, 1), ieșire rapidă și oprire moale. - Intrări 400–700 ms, interacțiuni 200–300 ms, bordura butonului face o tură în 3,2 s.
- Cine are „reducere mișcare” activă nu vede animații.
Produse curate, date de exemplu
Arătăm produse fotografiate simplu, pe fundal deschis și în lumină caldă, ca exemplul cu serul de vitamina C. Ecranele aplicației sunt refăcute în cod, cu date de exemplu.
Nu apar niciodată date reale ale clienților: nume de magazine, conturi de reclame, campanii sau poze de produs. Folosim „magazinul-tau.ro” și produse de exemplu.
Imaginile sunt .webp, cu nume în română care încep cu „adplex-” și descriu poza: adplex-reclama-ai-ser-vitamina-c-patrat-1x1.webp.
Fiecare imagine are un text alternativ în română care spune ce se vede, scurt și fără umplutură de cuvinte cheie.
Scriem simplu, concret și în română
Vorbim ca un coleg care știe meseria: propoziții scurte, beneficii concrete, cifre reale. Promitem doar ce face produsul.
Reclame create cu AI, din linkul produsului.Spune ce face, pe scurt.
Revoluționăm marketingul cu inteligență artificială de ultimă generație!Promisiune goală, ton de reclamă.
Programează un demoAcțiunea principală, la fel peste tot.
Click aiciNu spune ce urmează.
Primele 60 de zile sunt gratuite.O singură ofertă gratuită, clar formulată.
Gratuit pentru totdeauna*Ofertă care nu există, cu asterisc.
Linkul de aprobare expiră în 72 de ore.Cifră reală din aplicație.
Peste 10.000 de clienți mulțumițiNu inventăm cifre, recenzii sau logo-uri de clienți.
- Română cu diacritice corecte, peste tot.
- Fără linii lungi (—) în texte: folosim virgula, punctul sau două puncte.
- Spunem „reclame create cu AI”, utilizabile pe orice platformă. Meta apare doar la publicarea directă.
- Nu inventăm prețuri, recenzii sau logo-uri de clienți.
- Titlurile spun clar despre ce e secțiunea, fără etichete care repetă primul cuvânt.
Unde găsești logo-urile
Fișierele sunt în folderul Adplex.ai/logo. SVG-urile au elementele pe straturi separate (simbol, litere, punctul lui „i”), ca să le poți edita în Figma.
logo/adplex-logo.svgLogo principal, negrulogo/adplex-logo-white.svgLogo alb, pentru fundal închislogo/adplex-simbol.svgSimbolul singurlogo/png/adplex-logo-600 · 1200 · 2400.pngLogo principal, transparentlogo/png/adplex-logo-white-600 · 1200 · 2400.pngLogo alb, transparentlogo/png/adplex-simbol-256 · 512 · 1024.pngSimbol, transparent