Brand guide · v2

Yanszky Agency

Regulile după care scriem, desenăm și animăm. Site-ul le folosește exact pe acestea: assets/style.css pentru look, assets/motion-kit.* și assets/site.js pentru mișcare.

Poziționare

Ce spunem despre noi

„Yanszky citește mesajele firmei de pe canalele conectate și anunță omul potrivit când un client vrea să comande sau are o problemă serioasă.”

Versiunea scurtă: Niciun client pierdut în inbox. Pentru firmele din România care primesc mesaje pe mai multe canale.

Tagline-uri

Unul principal, trei secundare

Clienții vă scriu peste tot. Noi vă anunțăm când contează.

Clientul scrie. Omul potrivit află imediat.
AI-ul sortează. Omul răspunde.
Niciun client pierdut în inbox.

Rezervă
Un chatbot răspunde la orice. Noi vă spunem la ce să răspundeți voi.

Logo

Un Y tăiat din teal

Simbolul e preluat de pe cartea de vizită Yanszky: un bloc teal tăiat în formă de Y de două canale diagonale. Wordmark-ul folosește un A fără bară, „Λ”, ca în original.

YΛNSZKY

Fișier: assets/logo.svg (vectorizat după cartea de vizită). Pentru tipar, cere fișierul original al logo-ului de la designer.

Culori

Teal, grafit și piatră

Teal-ul e accentul: butoane, date, „lucru făcut”. Pe fundal deschis, textul teal folosește nuanța închisă, pentru contrast.

Teal#46AFA7 · accent, CTA

Teal 700#23766F · text teal pe deschis

Grafit#2D2D2D · text, logo

Grafit 900#1C1C1C · secțiuni închise

Piatră#D2D2D2 · fundal carte de vizită

Hârtie#F3F3F1 · fundal site

Tipografie

Geist + Geist Mono

Un grotesk precis pentru titluri și text, și un mono pentru etichete, ore, coduri. Mono-ul e ce face site-ul să pară un sistem real, nu o broșură.

Geist 600 · titluri · tracking −0,04em

Ore economisite, nu promisiuni.

Geist 400 · text

Citim mesajele de pe Messenger, e-mail și formularul de pe site și anunțăm omul potrivit. Ăâîșț.

Geist Mono 500 · etichete, timpi, cifre

10:42:07 — COMANDĂ PE MESSENGER · ✓ ALERTĂ TRIMISĂ LUI ANDREI

Motion

Mișcarea explică, nu decorează

Fiecare animație arată ceva adevărat despre ce facem: date care circulă între sisteme, o sarcină bifată, o curbă de ore care scade.

hero · #system

Sistemul live

Un mesaj trece prin noduri, de la canal la alertă, iar fiecare nod primește bifa „gata”.

data-mk="lines"

Titluri din mască

Rândurile urcă dintr-o mască, 1s, power4.out, decalate cu 0,12s.

.walk (pin)

Haos → ordine

Secțiunea se fixează; mesajele risipite zboară în inboxul sortat, pe măsură ce derulezi.

#chart

Curba orelor

Linia teal se desenează, apoi apare eticheta cu orele economisite.

data-mk="hscroll"

Procesul pe orizontală

Pe desktop, pașii glisează lateral; pe telefon devin un rând de carduri.

reduce motion

Totul rămâne lizibil

Fără JS, fără GSAP sau cu „reduce motion”, conținutul e complet vizibil.

Ton al vocii

Profesionist, calm, clar

Vorbim ca unui antreprenor român inteligent care vrea să știe exact ce se întâmplă cu banii și timpul lui. Tutuim, propoziții scurte, cifre concrete.

„Niciun client pierdut în inbox.”
Numim canalele pe nume: Messenger, Instagram, Gmail, WhatsApp
UI real (mesaj, alertă, inbox) în loc de ilustrații
Spunem și ce nu merită automatizat

„Transformăm afaceri cu puterea AI”
„+312% lead-uri” fără dovezi
Roboți, creiere, sclipiri, gradient mov-albastru
Jargon (LLM, RAG, embeddings) pe pagini pentru clienți
Prețuri „de la” fără context