Slush
univers gonflabil de autocolante pe hârtie pastelată
Slush funcționează ca un album de stickere: o pânză de hârtie pastelată, panglici uriașe și voluminoase de un albastru strălucitor și un curcubeu de accente vibrante de stickere împrăștiate ca niște confetti. Fontul este imens și condensat (Lateral 800 pe 200–640px, spațiere între rânduri 0,75–0,80), astfel încât cuvintele devin obiecte sculpturale mai degrabă decât propoziții. Șase culori bogate, semnătură, funcționează ca o paletă generală de stickere - fiecare culoare apare ca un autocolant umplut, o suprafață de card sau un strat decorativ, niciodată ca un accent discret. Componentele sunt rotunjite ușor (20–40px pe carduri, în formă de pastilă în navigare) și conturate cu negru pentru un efect lucrat manual. Rezultatul este mai puțin o pagină de destinație fintech și mai mult un colaj fizic prins pe un perete de culoare deschisă.
Aspectul prezintă o pagină derulantă pe toată lățimea, fără bară laterală sau container persistent. Textul derulant și navigarea minimalistă din partea superioară (logo-ul în stânga, bara de navigare în centru, îndemnul la acțiune umplut în dreapta) rămân în partea de sus. Fiecare secțiune este o bandă colorată pe toată lățimea (#dceeff → #ffffff → #cccccc) cu text lateral mărit, centrat sau aliniat la stânga, încadrat de panglici albastre 3D. Aspectul conținutului este intenționat liber și asemănător unui colaj, mai degrabă decât bazat pe o grilă: autocolantele se suprapun peste text, panglicile se intersectează în spatele textului, iar un card QR este poziționat în afara centrului într-o secțiune secundară. Ritmul vertical este destul de larg (intervale de 48px între secțiuni), dar compoziția orizontală este intenționat asimetrică. Pagina se citește de sus în jos ca trei dungi mari colorate, fiecare reprezentând un poster independent.
Limbajul vizual este dominat de panglici albastre tridimensionale - un motiv unificat al mărcii, format din forme tubulare granulate, gonflabile, de culoare albastru electric, care înfășoară sau ascund textul titlului în fiecare secțiune. Autocolante decorative bidimensionale (o rachetă, o monedă de aur, o bifă verde, un portofel violet) plutesc în jurul titlurilor ca niște decupaje de hârtie prinse pe o tablă, fiecare cu un contur negru (1px). Nu există fotografii nicăieri. Nu există grile ilustrative tradiționale - totul este colajat și aranjat asimetric. Panglicile tridimensionale creează atmosfera principală; autocolantele adaugă o notă jucăușă; restul este text și culoare.
Paletă
Marca
- Electric Blue
#4da2ff— Culoarea dominantă a mărcii — sculpturi în panglici groase, fundaluri de imagini, modele neclare pe cartonașe — este o semnătură vizuală ce servește drept fundament pentru fiecare ecran.
Neutru
- Carbon
#000000— Textul principal, ramele cardului, fundalul umplut pentru îndemnul la acțiune și sigla creează efectul unui contur de autocolant decupat manual pe suprafețe pastelate. - Paper White
#ffffff— Pagină pânză, suprafețe de carton, umplere contur butoane, text pe fundal închis. - Sky Wash
#dceeff— Fundalul secțiunii principale, fundal pastel albastru deschis. - Concrete Gray
#cccccc— Fundal secțiune secundară, suprafață intermediară neutră - Soft Mist
#e9e9e9— Tonuri subtile ale butoanelor și suprafețelor, stări dezactivate - Mint Pop
#55db9c— Umplutură verde pentru a evidenția fundalul, dungile decorative și accentul delicat din spatele conținutului.
Tipografie
de la 12 la 640px · 7 pași
- Lateral — înlocuire: Druk · contururi 800 · Doar titlurile — sigla „SLUSH” și bannerele de secțiune precum „ALL THINGS SUI” — sunt afișate cu un font de 200-640px, cu o înălțime a liniei redusă de 0,75-0,80, astfel încât literele formează blocuri sculptate. Aceasta este o metodă de afișare antitradițională: niciun alt site web nu folosește un font de 800 de puncte cu o înălțime a liniei mai mică de 0,85, iar acest efect face ca textul să se comporte ca un obiect fizic înfășurat în panglici tridimensionale.
- Aeonik Pro — înlocuire: Inter · contururi 500, 700 · Întreaga interfață cu utilizatorul, inclusiv textul corpului, navigarea, butoanele și subtitlurile. Ponderea este de 500 pentru textul corpului și metadate (12–16px), ponderea este de 700 pentru subtitluri și etichete de navigare (24–30px) și un increment de 64px de 700 pentru titlurile secundare mari. Spațierea strânsă între litere (-0,010em) îngustează textul corpului (14–16px); o ușoară extindere (0,030–0,032em) în etichetele/butoanele de navigare oferă controalelor „spațiu alb”.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | dens |
| Pasul de bază | 4-12px |
| Raza butonului | 1600px |
| Raza cardului | 20px |
| Umbre | fără - margini în loc de umbre |
| Între secțiuni | 48px |
| Lățimea paginii | 1440px |
Inteligența artificială vă va construi site-ul web în stilul Slush și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- Cursor — Un atelier de pergament confortabil, luminat de cărbuni fumegând
- MindMarket — O carte de basm confortabilă pe hârtie crem - o pânză editorială prietenoasă unde titluri mari din Inter și personaje decupate din hârtie coexistă pe o suprafață scăldată în soare, moale ca un autocolant.
- Shop — O constelație comercială plutitoare pe marmură albă
- Airbnb — Un perete alb liniștit al galeriei cu un singur semn de carte roșu coral
- Superr — Un caiet de școală cald în lumina blândă a după-amiezii. O pagină crem, un marker portocaliu fără capac și un teanc de abțibilduri laminate cu nume care așteaptă să fie dezlipite.
- Apple (España) — Galeria muzeului, în lumina blândă a zilei, este un spațiu alb, unic, captivant, fără greutate, fiecare exponat fiind iluminat de un reflector pe un perete ușor nuanțat.
- Lamborghini — Culoarea neagră a caroseriei în showroom, sub spoturi - o mașină galbenă
- Amplemarket — Un loc de muncă scăldat în soare, presărat cu confetti
- Getharvest — Un birou la ora aurie – o pânză crem caldă, cărți poștale albe atârnate pe pânză și o singură flacără portocalie strălucitoare
- Agence Foudre — Coperta revistei este o culoare roz pal, care amintește de ruj.
- Drive Capital — Afiș retro pentru călătorii rutiere pe hârtie caldă
- Apple (España) — vitrină albă pentru galerie