01
Logo & Siglă
PWI.
PWI.
PWI.
Spațiu de protecție (clearspace)
PWI.
Spațiul minim din jurul logo-ului = înălțimea literei «x» din siglă. Nu se plasează alte elemente în această zonă.
Nu face asta
✕ Greșit
PWI.
Nu schimba culoarea punctului în gri sau negru
✕ Greșit
PWI.
Nu înlocui fontul Syne cu alt font
✕ Greșit
PWI.
Nu adăuga letter-spacing excesiv
✕ Greșit
PWI.
Nu distorsiona sau înclina logo-ul
02
Paletă de culori
Accent
Culoarea principală de brand. Butoane, highlight-uri, punctul din siglă.
#e8430a
rgb(232, 67, 10)
Accent 2
Accent secundar. Hover-uri, gradiente, stări active.
#ff6b35
rgb(255, 107, 53)
Ink
Negru de brand. Fundaluri dark, text principal.
#0a0b0f
rgb(10, 11, 15)
Ink Soft
Negru atenuat. Fundaluri secundare, carduri dark.
#1c1e27
rgb(28, 30, 39)
Surface
Crem cald. Fundal pagini light, secțiuni alternative.
#f4f3ef
rgb(244, 243, 239)
Gold
Accent terțiar. Stele, badge-uri premium, elemente distinctive.
#d4a843
rgb(212, 168, 67)
Muted
Text secundar, metadate, descrieri, placeholder-uri.
#6b6f7e
rgb(107, 111, 126)
PWI.
Agenție digitală
Ink + White + Accent
PWI.
Agenție digitală
Accent + White
PWI.
Agenție digitală
Surface + Ink + Accent
PWI.
Agenție digitală
White + Ink + Accent
03
Tipografie
Display & Headings
Syne
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&*().,
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&*().,
Aa
400
Aa
600
Aa
700
Aa
800 ★
Body & UI
DM Sans
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&*().,
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&*().,
Aa
300
Aa
400 ★
Aa
500
| Stil | Exemplu |
|---|---|
|
H1 / Display
Syne 800 · 48–72px · ls -0.04em
|
Rezultate reale. |
|
H2 / Heading
Syne 700 · 32px · ls -0.03em
|
Ce facem pentru tine |
|
H3 / Subheading
Syne 600 · 22px · ls -0.02em
|
Web Design București |
|
H4 / Card title
Syne 600 · 16px · ls -0.01em
|
Raportare transparentă |
|
Label / Eyebrow
Syne 600 · 11px · ls 0.16em · uppercase
|
Servicii PWI |
|
Body
DM Sans 400 · 16px · lh 1.65
|
Transformăm prezența ta online în clienți reali și profit măsurabil, prin web design, SEO și publicitate plătită. |
|
Small / Meta
DM Sans 400 · 13px · lh 1.55
|
Răspundem în maxim 2 ore în timpul programului de lucru, Luni–Vineri 09:00–18:00. |
|
Caption
DM Sans 300 · 11px · ls 0.06em
|
People Working International SRL · București, România · pwi.ro |
04
Butoane & CTA-uri
Stiluri
💬 Scrie pe WhatsApp
📞 Sună acum
Află mai mult
Cer ofertă
Audit profesional
Dimensiuni
Large · 17px padding
Medium · 13px
Small · 9px
XSmall
Pe fundal dark
💬 Scrie pe WhatsApp
Sună acum
Ghost dark
05
Componente UI
Tag-uri & Badge-uri
Eyebrow pill (pe dark)
Agenție activă din 2015 · București
Carduri statistici
150+
Proiecte livrate
+152%↑
Trafic organic (6 luni)
4x
ROI mediu Google Ads
Raze de colțuri
4px
8px
12px
16px ★
24px
50px (butoane)
06
Carte de vizită
PWI.
People Working International
Dorin · Fondator & CEO
PWI.
People Working International
Web Design · SEO
Google Ads · Facebook Ads
Platforme Online
Google Ads · Facebook Ads
Platforme Online
pwi.ro
Format: 85 × 55mm · Față: Ink #0a0b0f · Verso: Accent #e8430a · Print: CMYK offset
07
Grid & Spațiere
4px
8px
12px
16px
24px
32px
48px
64px
80px
100px
Grid maxim: 1160px · Padding lateral pagini: 24–48px · Gap carduri: 16–28px