Brand Manual

Ghid complet de identitate vizuală pentru utilizarea corectă a brandului Hypen în toate aplicațiile.

Cuprins

00

Brand Story

Originea și filozofia din spatele identității Hypen.

Originea numelui

Hypen derivă din cuvântul englezesc "hyphen" (cratima) - simbolul tipografic care unește cuvinte pentru a crea semnificații noi.

În contextul nostru, cratima reprezintă mai mult decât un simbol: este o metaforă pentru misiunea noastră. Conectăm lumi care altfel ar rămâne separate:

  • Oameni și Tehnologie
  • Procese și Eficiență
  • Date și Decizii
  • Viziune și Realitate

Am ales deliberat scrierea "Hypen" pentru a marca unicitatea identității noastre. La fel cum cratima unește fără să domine, noi integrăm soluții fără să complicăm.

Istoria companiei

2018

Fondarea D>Soft

Primele proiecte de digitalizare în sectorul medical din România.

2019

Expansiune în administrația publică

Primele contracte cu primării și instituții de stat.

2020

Adaptare la pandemie

Sisteme de alertă și monitorizare pentru spitale COVID.

2021

Rebranding → Hypen

O nouă identitate pentru o nouă etapă de maturitate.

2023

Deschiderea biroului din Iași

Extinderea echipei și a capacităților de dezvoltare.

2025

Astăzi

Peste 50 de implementări active, parteneriate strategice.

"Suntem cratima invizibilă care face totul să funcționeze împreună."

02

Simbol

Simbolul H poate fi utilizat independent în contexte unde spațiul este limitat, precum favicon-uri, profiluri social media sau app icons.

App Icon cu fundal

Simbol independent

App Icon light mode

03

Culori

Paleta de culori Hypen este construită pe contrast ridicat și accente albastre pentru a transmite profesionalism și modernitate.

Primary Blue
HEX: #3B82F6
RGB: 59, 130, 246
HSL: 217°, 91%, 60%
Blue Dark
HEX: #1D4ED8
RGB: 29, 78, 216
HSL: 224°, 76%, 48%
Gray 100
HEX: #0A0A0A
RGB: 10, 10, 10
Fundal principal
Gray 90
HEX: #171717
RGB: 23, 23, 23
Suprafețe
Gray 80
HEX: #262626
RGB: 38, 38, 38
Borduri
Gray 50
HEX: #737373
RGB: 115, 115, 115
Text secundar
Gray 30
HEX: #A3A3A3
RGB: 163, 163, 163
Text detalii
White
HEX: #FAFAFA
RGB: 250, 250, 250
Text principal
04

Tipografie

IBM Plex Sans pentru conținut general și IBM Plex Mono pentru elemente tehnice, cod și date.

IBM Plex Sans
Transformăm idei în realitate digitală
Aa Light 300
Aa Regular 400
Aa Medium 500
Aa SemiBold 600
Aa Bold 700
IBM Plex Mono
const solution = createSoftware();
Aa Regular 400
Aa Medium 500
05

Spațiere minimă

Respectați întotdeauna spațiul minim în jurul logo-ului pentru a asigura vizibilitate și impact maxim.

Zona de protecție = înălțimea simbolului H

hypen

Dimensiune minimă recomandată: 80px lățime

06

Utilizare corectă

Pentru a menține consistența brandului, respectați aceste reguli în toate aplicațiile.

✓ Corect
hypen
✗ Incorect - Nu modificați culorile
hypen
✓ Pe fundal colorat uniform
hypen
✗ Incorect - Nu distorsionați
hypen
07

Aplicații

Exemple de utilizare a brandului în diverse contexte și materiale.

hypen
Website Header
hypen
Business Card
hypen
Banner / CTA