Brandbook · Milek

Brandbook Milek. Cum ne arătăm în lume.

Asta e povestea noastră vizuală - scrisă ca pentru cineva care lucrează cu noi, nu ca un regulament rece. Logo, culori, Onest, spațiu, cuvinte: tot ce folosim când facem ceva pentru Milek, ca să se simtă ca acasă.

00 - Despre

Identitatea Milek: am crescut într-o familie.

Milek nu e un singur produs pe care l-am inventat într-o după-amiază. E o familie: Milek e numele pe ușă, Pro ține cifrele, Digital construiește, Edu învață, Forum ascultă, Jurnal explică, Tools rezolvă rapid, Cabinet e casa ta. Fiecare are culoarea lui - dar același suflet.

Am scris brandbook-ul ăsta ca să nu uităm cine suntem când vine un proiect nou. Ca să-ți pot spune, pe scurt: uite, așa arătăm, așa vorbim, așa ne păstrăm.

Direcțiile
#1A1A1A

Milek e numele pe ușă. Când vorbim despre tot - nu doar despre un produs - vorbim negru pe alb, ca pe o foaie curată.

TransmiteÎncredere de bază. Negru care ține totul împreună.

#23AA4D

Aici e locul unde cifrele stau pe loc. Contabilitate, consultanță, raportare - ca să dormi liniștit la sfârșit de lună, fără surprize și fără povești frumoase care ascund probleme.

TransmiteLiniște. Verde care spune „e ok”, nu „uite ce cool suntem”.

#0161BA

Construim software pe felul în care lucrează firma ta - CRM, magazine, platforme, AI pe documente. Nu un template scos din raft, ci ceva pe care echipa îl recunoaște din prima zi.

TransmiteMâini pe tastatură. Albastru de lucru, nu de reclamă.

#FB742E

Înveți pe cazuri din Moldova, nu pe teorie care stă pe raft. Luni asculți, marți aplici - fără certificat care nu se traduce în muncă reală.

TransmiteChef de făcut. Portocaliu care te împinge, fără să țipe.

#3695F4

Locul unde întrebi „cum ați rezolvat voi asta?” și primești răspunsuri de la oameni care construiesc aici. Mai puțin show, mai mult schimb.

TransmiteUșa deschisă. Albastru de conversație, nu de cod.

#975EFF

Articole și clarificări care merită timpul tău. Scrise calm, verificate, fără panică și fără clickbait.

TransmiteLiniște de lectură. Violet de pagină, nu de neon.

#01BA9F

Intri, rezolvi, ieși. Calendare, calculatoare, mici unelte - fără onboarding de o oră și fără meniuri pe care nu le folosești niciodată.

TransmiteGata. Mentă curată, zero dramă.

#FF5151

Casa ta din spatele Milek: cursuri, comenzi, setări. Intri cu contul tău și vezi ce e al tău - fără vânzare, fără zgomot.

Transmite„Ești acasă.” Roșu de cont, nu de alarmă pe tot ecranul.

Ce nu negociem

  • Culoarea spune cine vorbește. Nu pui verde Pro pe un ecran Digital doar ca să fie „mai vesel” - și nici roșu de Cabinet pe un banner de vânzare fără motiv.
  • Onest e vocea tipografică. Mărimea și greutatea fac ierarhia. Nu aducem un al doilea font „ca să fie frumos”.
  • Mai întâi respectul, apoi gustul. Spațiu în jurul numelui, contrast, culorile din familie. Creativitatea stă aici, înăuntru - nu pe lângă.

02 - Culoare

Culorile brandului. Neutrele țin liniștea.

Pagina respiră pe griuri și alb. Fiecare produs își are culoarea lui - una vie, una mai adâncă. Nu pictăm pereți. Semnăm, ca pe o scrisoare: „uite, acum vorbește Pro” sau „acum e Digital”.

Semnături de produs

Șapte culori. Aceeași familie.

Milek Pro

Green

Verdele ăsta e ca atunci când totul e în ordine la firmă. Îl pui pe butoane Pro, pe „gata”, pe confirmări - ca să simți că ești pe mâini bune.

Milek Digital

Digital Blue

Albastrul cu care construim. Pe ecrane densă, pe link-uri, pe „hai să facem asta”. Nu e pentru a împodobi - e pentru a arăta drumul.

Milek Edu

Orange

Portocaliul de „hai să începem”. Pe cursuri, pe progres - energic, dar fără să umple tot ecranul ca un afiș.

Milek Forum

Blue

Albastru deschis, de vorbă între oameni. Ca un mesaj de la cineva care te înțelege - nu de la un departament.

Milek Jurnal

Violet

Violetul de lectură. Pentru articole și citate - calm, cu greutate, fără să se creadă star.

Milek Tools

Mint

Mentă de „am terminat”. Pe unelte mici, pe statusuri clare. Se citește bine și pe telefon.

Milek Cabinet

Red

Roșul de Cont. Te duce la autentificare și la ce e al tău. Pe marketing îl ținem rar - altfel nu mai spune nimic.

Semnale

Rar. Clar. Nu pe tot ecranul.

Lime

Highlight UI

Un punct de „uite aici”: un chip, un new. Nu e tapet - e o clipire scurtă.

Red

Alertă · eroare

Când ceva chiar nu e în regulă. Același roșu ca la Cabinet - folosește-l ca pe o vorbă grea, nu ca pe un slogan.

Magenta

Accent rar

Pentru momente rare. Dacă îl pui peste tot, nu mai e special - e zgomot.

Neutre

Pe ele stă tot ce scriem.

Black

Text, logo, fundal închis

Scheletul. Aici trăiește aproape tot ce merită citit pe îndelete.

Dark Grey

Meta · disabled

Pentru șoapte: hint-uri, caption, lucruri inactive. Nu pentru povești lungi.

Grey

Carduri · odihnă

Locurile unde pagina respiră între două idei.

White

Canvas

Foaia curată. Logo pe alb - așa ne cunoști din prima.

Contrast. Text lung pe alb = Dark Grey. Text pe o pastilă colorată = alb, doar dacă se citește ușor. Gri pe gri nu e „subtil” - e ca și cum ai șopti într-o cameră goală.

03 - Tipografie

Tipografie Onest. Litera noastră de acasă.

Scriem cu Onest - fontul născut aici, primul creat pentru Republica Moldova. Nu l-am ales ca pe un moft de design. L-am ales ca pe o limbă comună cu locul în care lucrăm. Detalii pe onest.md.

Nu mai aducem un al doilea font „de impact”. Titlurile cresc, literele respiră. Codurile și numerele (HEX, IDNO) le scriem cu mono - pe etichete scurte, niciodată pe povești lungi.

De ce Onest. Vrem să arătăm ca de aici. Gratuit, pe Google Fonts, cu diacriticele pe care le folosim în fiecare zi.

400Regular

Aa Bb Cc - text de corp calm, pentru paragrafe lungi.

Body, FAQ, legal, descrieri
500Medium

Aa Bb Cc - liste, etichete, UI dens fără strigăt.

Heading-uri mici, bullets, meta
600SemiBold

Aa Bb Cc - accent pe carduri și navigație.

Nav, butoane secundare, H3
700Bold

Aa Bb Cc - impact. Hero, H1, momente de brand.

Display, H1/H2, CTA primary
Heading 1 · 36px / 700

Construim împreună. Clar, din Chișinău.

Heading 2 · 28px / 600

Familia noastră de produse

Heading 3 · 22px / 500

Lasă numele să respire

Body Large · 16px / 400

Numele se citește dintr-o privire.

Body Regular · 14px / 400

Textul trăiește pe negru, alb și gri. Culorile de produs apar pe butoane și pe link-uri - ca un semn, nu ca un tapet.

Button text · 14px / 600

Cere ofertă

Caption · 14px / 500

[email protected]

Small caption · 12px / 500

Chișinău · Republica Moldova

Scara tipografică
RolMărimeGreutateLHTracking
Heading 136px70044px+0.02em
Heading 228px60036px+0.015em
Heading 322px50030px0
Body Large16px40024px+0.01em
Body Regular14px40020px+0.015em
Button14-16px600-70018px+0.03em
Caption14px50016px+0.02em
Small caption12px50016px+0.02em
Small / Tiny9-10px400-50016px+0.02em

04 - Spațiu

Spațiu în brandbook. Lasă pagina să respire.

Dacă ceva pare înghesuit sau prea gol, uită-te mai întâi la spațiu - nu la culoare. Lucrăm pe pași de 4px. Pe web, totul stă pe aceeași axă cu logo-ul: coloana de 1080px, ca o foaie pe care o cunoști.

Scară de spațiu
44pxSpațiu mic între icon și text
88pxFormulare, tabele - dens, dar citibil
1616pxPadding în carduri mici
2424pxÎntre două blocuri din aceeași secțiune
4040pxRespirație între subsecțiuni
6464pxPauză mare între capitole pe desktop
Mărimi logo în context
ContextMărimeNotă
Favicon / tab16-32pxDoar monograma M
Avatar social48-128pxM pe culoarea liniei
Header web28-40px HWordmark complet
Slide / print A4≥10 mm HWordmark; sub prag: monograma M
Hero / billboardliberClearspace ×2 recomandat
Mișcare
Intrare

Apare lin, cu un pas mic în sus. O singură dată, când ajungi cu scroll-ul acolo.

Hover pe card

Se ridică puțin. Fără sărituri, fără glow de discotecă. Treci cu mouse-ul pe exemplu.

Schimbare de stare

Un crossfade scurt. Conținutul nu sare pe înălțime dacă putem evita.

Reduced motion

Dacă cineva cere mai puțină mișcare, respectăm: fără translate, doar opacitate sau deloc.

05 - Vizualuri

Vizualuri de produs. Fiecare linie, același suflet.

Familia pe ecran

Cardurile arată ca pe site-urile noastre: fond gri, hover pe culoarea liniei, text negru - nu gri. Culoarea e în M și în umplere, nu într-o bandă jos.

Milek

Casa brandului - unde începe familia.

Clar, calm, fără zgomot.

Milek Pro

Contabilitate și consultanță - afacerea ta, în ordine.

Încredere, ordine, rezultate măsurabile.

Milek Digital

Software pe măsură: CRM, SaaS, e-commerce, AI.

Precizie tehnică, construcție pe procesul real.

Milek Edu

Învățare practică, pe exemple reale.

Energie, curiozitate, aplicare imediată.

Milek Forum

Comunitate unde poți întreba și răspunde.

Deschidere, dialog, sprijin între antreprenori.

Milek Jurnal

Informație verificată, scrisă clar.

Editorial calm, autoritate fără aroganță.

Milek Tools

Unelte zilnice: calendare, calculatoare, fluxuri.

Utilitate rapidă, fricțiune minimă.

Milek Cabinet

Contul tău Milek: cursuri, comenzi, setări.

Acces clar, control, fără zgomot.
Cum stau împreună
O voce pe ecran

Landing-ul Digital nu poartă verde Pro pe buton. Semnătura e a paginii pe care stai.

Familia în meniu

În footer poți lista toate direcțiile - culoarea pe nume, nu pe tot fundalul.

Cabinet e acasă

„Cont” duce la Cabinet. Roșul rămâne pe autentificare, nu pe tot marketingul.

06 - Iconuri

Iconuri de brand. M-ul pe culoare.

Pe tab, pe telefon, pe avatar - nu încape tot wordmark-ul. Atunci vorbim cu monograma M pe culoarea produsului (și pe negru, pentru Milek). Același suflet, alt format.

Setul complet
Milek
Pro
Digital
Edu
Forum
Jurnal
Tools
Cabinet
Icon ≠ logo

Nu lipi iconul de nume.

Iconul nu e logo și nu e jumătate de logo. Ori spui „Milek” cu wordmark-ul, ori lași M-ul să stea singur pe un spațiu mic. Împreună lipite arată ca un inventar, nu ca o familie.

Greșit

Milek Pro

Corect

Reguli
M pe culoarea liniei

Fiecare produs își are M-ul pe fondul lui. Milek main e pe negru. Același desen, altă semnătură.

Pătrat curat

Fișierul e pătrat, fără umbre și fără rotunjiri inventate - pe telefon le face sistemul.

Nu e logo

Iconul stă singur pe spații mici. Nu-l lipi de wordmark - arată ca un inventar, nu ca o familie.

Un set, multe culori

Pe un slide sau într-un footer, iconurile stau împreună. Culoarea spune cine e - forma rămâne aceeași.

07 - Interfață

Interfață UI. Butoanele noastre.

Aceleași butoane ca pe site: primary (cu sau fără săgeată), secondary, hover și disabled. Fără pastile inventate doar pentru brandbook.

Primary · cu icon
Primary · fără icon
Secondary
Hover
Disabled
Cum le folosim
Primary + icon

Acțiunea principală. Fond pe culoare, text alb, săgeată la dreapta.

Primary fără icon

Același primary, când săgeata nu e necesară - text scurt, clar.

Secondary

Contur pe culoare. Lângă primary sau ca alternativă mai blândă.

Hover

Primary: opacitate ~85%. Secondary: se umple cu culoarea liniei (sau tint Digital).

Disabled

Grey, fără click. Nu inventăm opacități pe loc - folosim starea disabled.

08 - Voce

Vocea brandului. Cum vorbim cu oamenii.

Nu avem o voce de megafon pe toate canalele. Pe site vorbim deschis, în ofertă spunem prețul, în Cabinet ghidăm fără zgomot, în Jurnal explicăm ca unui coleg. Tonul se schimbă - sinceritatea nu.

Pe fiecare canal
Site & landingCa unui prieten pe care îl vezi rar

Ajutăm firme din Moldova cu contabilitate și software pe măsură. Hai să vorbim - fără formular de o oră.

EvităFraze goale de agenție pe care le-ai auzit de o mie de ori.

Ofertă & propunereCa la o cafea unde spui prețul sincer

CRM-ul vostru, pe procesul vostru, în 6 săptămâni. Opt etape, import din Excel, două ore de training. Preț: X MDL - fără surprize pe urmă.

Evită„Adaptat nevoilor” fără să spui ce, când și cât.

Milek CabinetCa un SMS de la cineva de încredere

Comanda e confirmată. Cursul apare în Cabinet în câteva minute. Dacă nu îl vezi, reîncarcă sau scrie-ne din Support - suntem aici.

EvităLimbaj de vânzare în contul tău sau erori pe care numai un programator le înțelege.

Jurnal & materialeCa o explicație pe care i-ai da-o unui coleg

Ce s-a schimbat la TVA în 2026 - pe scurt, cu un checklist pentru firmele mici. Fără panică.

EvităTitluri care țipă și diacritice uitate pe drum.

Înainte să trimiți
  • Spui ce se întâmplă, nu ce „simte brandul”.
  • Un om din Chișinău înțelege din prima - fără dicționar.
  • Dacă tai jumătate din propoziție, tot e adevărat.
  • În Cabinet: fără slogan. Pe site: fără formalitate goală.

Cum spunem altfel

În loc de

Soluții end-to-end

Preferăm

Ce construim + ce nu e inclus

În loc de

Ecosistem sinergic

Preferăm

Pro, Digital, Edu, Forum, Jurnal, Tools, Cabinet

În loc de

Experiență premium

Preferăm

Ce primești concret (ore, fișiere, acces)

În loc de

Optimizare holistică

Preferăm

Ce pas automatizăm și ce timp economisești

În loc de

Best practices internaționale

Preferăm

Cum lucrăm aici, pe legislația și fluxurile locale

09 - Aplicații

Aplicații de brand. Unde ne întâlnești.

Trei locuri tipice: Cabinet când te autentifici, un ecran Digital, un document Pro. Nu sunt desene de catalog - sunt felul în care arătăm când cineva chiar folosește Milek.

Cabinet · autentificare

Intră în cont

Cursuri, comenzi, setări - tot al tău, într-un loc.

Continuă

Roșu doar pe accente. Fundal calm. Logo Milek Cabinet.

Digital · produs

CRM pe procesul firmei.

Pipeline, documente, echipă - într-un singur flux.

Continuă

Albastru pe buton. Titlu Ink. Fără gradient de „startup”.

Pro · document

Raport lunar · martie

Trimis din Milek Pro · [email protected]

Continuă

Verde pe status. Wordmark Ink. Spațiu generos.

Edu · curs

Lecția 3 · TVA simplificat

Curs practic · 45 min · certificat inclus.

Continuă

Portocaliu pe progres. Fundal cald. Tone prietenoase.

Jurnal · articol

Ce s-a schimbat la TVA

Ghid scurt pentru firme mici · iunie 2026.

Continuă

Violet pe categorie. Text lung, respirat. Fără banner.

Forum · discuție

Cum declarați dividendele?

12 răspunsuri · ultima activitate: azi.

Continuă

Albastru pe avatar. Spațiu de dialog. Fără formalități.

Avatar · social & profil
Avatar · social & profil
App icon · iOS · Android · web
Favicon & touch icon

Pe tab-uri mici, M-ul pe culoarea produsului rămâne citibil. Pe telefon, iconul e pătrat curat - rotunjirile le face sistemul, nu noi în fișier.

10 - Grijă

Asset-uri Milek. Cum ceri fișierele - și cum le ținem.

Brandbook-ul ăsta e harta. Fișierele (SVG, PNG, template-uri) le trimitem când le ceri. Logo nou, paletă nouă sau font nou - doar cu echipa Milek. Mai bine întrebi o dată decât să publici ceva ce ne doare pe urmă.

Cerere asset

Trei pași, ca între noi.

01Cere

Scrie la [email protected], subiect „Asset brand · ce ai nevoie”. Spune unde apare și în ce format.

02Primești

În zilele lucrătoare: fișierele, sau o întrebare scurtă dacă nu am înțeles bine.

03Publici

Aplică după brandbook. Dacă ceva e neclar, întreabă înainte - nu după ce e deja pe net.

Formate

Ce livrăm de obicei.

AssetFormatFolosit pentru
Logo · color / inkSVG · PNG @1x/2x/3xWeb, app, slide, social
Logo · mono pe deschisSVG · PNG · PDFPrint pe fundal deschis
Logo · mono pe închisSVG · PNG · PDFPrint pe fundal închis
Monogramă M / faviconSVG · PNG 32-1024Tab browser, avatar, app icon
PaletăCSS · JSON · tokensDesign și cod
App iconPNG 1024² · ICO · ICNSiOS, Android, desktop
Template prezentare.pptx · .pdfPrezentări client

Hai să vorbim. Scrie-ne la [email protected] - logo, culori, întrebări. Răspundem oamenilor, nu unui formular.

Brandbook Milek | Design System | Milek