Elevarts · app icon & favicon

Aleasă: varianta B

Pătrat full-bleed, disc prismatic portocaliu, ramă albă, marca ieșită din ramă. Livrată pe app.elevarts.com pe 26 august 2026. Restul celor treisprezece propuneri rămân mai jos, la mărimile reale — pagina e și arhiva deciziei, nu doar formularul de ales.

fișierul
pe iPhone

De ce arată acum cu pătrat negru

Iconul de acum e un cerc cu colțurile transparente. iOS nu lasă transparența goală — o compune pe negru, apoi taie squircle-ul. Rezultatul e cercul portocaliu într-o ramă neagră, iar marca ajunge la 66% din latură fiindcă cercul îi mănâncă restul. Reparația nu e doar de desen: apple-touch-icon trebuie să fie pătrat, opac, full-bleed — masca o pune sistemul.

Wallpaper
Taburi

Pe telefon — home screen

Squircle iOS real, la 74px, cu umbra pe care o pune sistemul. Schimbă wallpaperul din bara de sus: variantele fără ramă câștigă pe fundal închis, cele cu ramă pe fundal deschis.

Prismatic · fără ramă
ElevApp
A
Prismatic · ramă albă
ElevApp
B
Neted · fără ramă
ElevApp
C
Neted · ramă albă
ElevApp
D
Focus pe VA
ElevApp
E
Scris maxim
ElevApp
L
Scris maxim · neted
ElevApp
N
Scris la limită
ElevApp
M
VA simplu · fără ramă
ElevApp
F
VA simplu · ramă albă
ElevApp
G
Neted · marcă încadrată
ElevApp
K
Inversat · marcă portocalie
ElevApp
H
Alb · VA portocaliu
ElevApp
I
Cerc (referință)
ElevApp
J
Acum, pe telefon
ElevApp
0

În tab — Safari și Chrome

Toate variantele una lângă alta, la 16 CSS px — exact cât are un favicon. Aici se vede fără discuție care siluetă supraviețuiește și unde ELEVARTS devine o dungă.

A×
B×
C×
D×
E×
L×
N×
M×
F×
G×
K×
H×
I×
J×
0×
Toate variantele, una lângă alta · 16px

Și una singură, între taburi obișnuite — testul care contează de fapt: se distinge dintr-o bară plină, fără să te uiți după ea? Butonul schimbă și faviconul acestei pagini, deci uită-te în sus, în tabul real din Safari sau Chrome — acum arată varianta B.

Gmail×
Postgres×
Elevarts App×
n8n×
Drive×
În context · 16px, mărimea reală

Variantă cu variantă

Scara completă de mărimi, plus 16 și 32 mărite cu pixel-zoom ca să vezi exact ce rămâne din literă. E → L → M sunt aceeași idee la trei zoomuri: 1,52× / 2,50× / 2,65×, centrate pe cuvânt, nu pe marcă. Peste 2,75× se taie E-ul și S-ul, deci M e limita fizică, nu o alegere de gust.

APrismatic · fără ramă

Marca iese sus și jos din cadru, deci ELEVARTS urcă la mărimea maximă posibilă. Fațetele low-poly rămân din iconul de acum.

Cea mai mare marcă din set fără să pierzi silueta VA.

16
32
48
64
128
16px, mărit 8×
32px, mărit 4×

BPrismatic · ramă albă

Rama albă desprinde iconul de wallpaper, iar marca o traversează cu un pic de aer în jur — de aceea citește ca „iese din cadru”, nu ca două forme albe lipite.

ALEASĂ — livrată pe app.elevarts.com pe 26.08.2026.

16
32
48
64
128
16px, mărit 8×
32px, mărit 4×

CNeted · fără ramă

Fără fațete: la 16px low-poly-ul devine zgomot și înfundă literele. Gradient portocaliu curat, marca la maximum.

Ca A, dar curat la mărimi mici — fațetele nu mai fac zgomot.

16
32
48
64
128
16px, mărit 8×
32px, mărit 4×

DNeted · ramă albă

Cea mai apropiată de iconul de acum — inel alb, marcă albă — dar pătrată, cu portocaliul dominant și cu marca ieșită din ramă.

Continuitate maximă cu iconul de acum.

16
32
48
64
128
16px, mărit 8×
32px, mărit 4×

EFocus pe VA

Zoom pe încrucișare: vârful A-ului și baza V-ului ies complet din cadru, ELEVARTS devine cel mai mare din tot setul. Se pierde silueta VA.

ELEVARTS cât se poate de mare — dar la 32px nu mai e nimic de citit.

16
32
48
64
128
16px, mărit 8×
32px, mărit 4×

LScris maxim

Zoom de 2,5× față de E, centrat pe cuvânt, nu pe marcă: ELEVARTS ocupă 89% din lățime și mai are aer de o parte și de alta. Din VA rămân două diagonale și capetele traversei, care ies din cadru.

Cel mai mare scris care încă respiră. Pe telefon arată puternic — în tab e doar o dungă.

16
32
48
64
128
16px, mărit 8×
32px, mărit 4×

NScris maxim · neted

Același cadraj ca L, fără fațete. La zoomul ăsta triunghiurile cad chiar în spatele literelor, deci gradientul curat ține scrisul mai lizibil.

Ca L, fără fațete: literele nu mai cad peste muchii de triunghi.

16
32
48
64
128
16px, mărit 8×
32px, mărit 4×

MScris la limită

2,65× — 92% din lățime, cât încape fără să se taie E-ul și S-ul. Peste atât cuvântul iese din cadru și nu se mai citește.

Maximul absolut — 92% lățime. Peste atât se taie E-ul și S-ul.

16
32
48
64
128
16px, mărit 8×
32px, mărit 4×

FVA simplu · fără ramă

Fără scris înăuntru. Cea mai citibilă siluetă la 16px, dar nu se mai vede numele.

Imbatabilă la 16px. Renunți la nume.

16
32
48
64
128
16px, mărit 8×
32px, mărit 4×

GVA simplu · ramă albă

Silueta curată, ieșită din ramă. Fără scris — deci nimic nu se pierde la 16px.

Ca F, cu ramă. Alegere bună dacă vrei separare de wallpaper.

16
32
48
64
128
16px, mărit 8×
32px, mărit 4×

KNeted · marcă încadrată

Varianta „cuminte”: marca la 86%, nu atinge muchia, fără ramă. E baza față de care se judecă bleed-ul — dacă A și C nu bat asta clar, nu merită.

Baza de comparație: cuminte, sigură, dar marca e cu un sfert mai mică.

16
32
48
64
128
16px, mărit 8×
32px, mărit 4×

HInversat · marcă portocalie

Fundal închis, marca în gradient. Cel mai mare contrast într-o bară de taburi albă — dar iconul nu mai citește ca „portocaliu” de la distanță.

Contrast maxim în bara de taburi, dar nu mai citește portocaliu.

16
32
48
64
128
16px, mărit 8×
32px, mărit 4×

IAlb · VA portocaliu

Inversul complet. Curat în tab, dar pe home screen-ul cu wallpaper devine un dreptunghi alb care nu se mai leagă de brand.

Dispare pe fundal alb — de evitat ca icon unic.

16
32
48
64
128
16px, mărit 8×
32px, mărit 4×

JCerc (referință)

Compoziția de acum, doar cu colțurile umplute cu alb în loc de transparent. Se vede de ce cercul pierde: marca ajunge la 66% din latură.

Compoziția de acum, cu colțurile reparate.

16
32
48
64
128
16px, mărit 8×
32px, mărit 4×

0Acum, pe telefon

Iconul live are colțurile transparente. iOS nu le lasă goale — le compune pe negru, apoi taie squircle-ul. De acolo vine pătratul negru.

Ce e acum pe telefonul tău.

16
32
48
64
128
16px, mărit 8×
32px, mărit 4×

Ce recomand

Nicio variantă nu ține ELEVARTS lizibil la 16px — 256 de pixeli în total nu au loc de opt litere. Deci alegerea corectă nu e „o variantă", ci două asseturi din aceeași familie:

  1. Pe telefon și la 180pxC (sau A, dacă vrei fațetele păstrate): marca iese din cadru, ELEVARTS e cel mai mare posibil fără să pierzi silueta VA.
  2. În tab, la 16 și 32pxF: același gradient, aceeași siluetă, fără scris. Nu e altă marcă, e aceeași marcă fără detaliul care oricum nu se vede.
  3. Dacă vrei un singur fișier peste tot, ia C. Pierzi puțin din claritatea la 16px, dar rămâi cu un singur asset de întreținut.

Odată aleasă varianta, generez setul complet (favicon.ico, 16/32/48, apple-touch-icon 180 opac, android-chrome 192/512, site.webmanifest), pun ?v= nou pe toate link-urile — cache-ul de favicon din Safari e lipicios — și actualizez sursa din brand kit.