Superhuman
urednički panel zlatnog sata
Superhuman se nalazi na presjeku uredničke fotografije i softverskog korisničkog interfejsa – toplo platno nalik pergamentu (nikada čisto bijelo) uokviruje kestenjaste elemente brendiranja i živahne ljubičaste akcente. Naslovi, postavljeni u fontu od 460 stepeni, šapuću umjesto da viču, omogućavajući filmskoj fotografiji preko cijele stranice da obavi teški posao, dok prozirne kartice korisničkog interfejsa proizvoda lebde poput stakla iznad slika. Paleta ostaje mirna i urednička većinu vremena: krem površine, tekst boje ugljena, suptilni toplo-sivi okviri i velikodušni razmaci između elemenata, s bojom rezerviranom za namjernu interpunkciju brenda – jedan kestenjasti poziv na akciju, ljubičasti linkovi, svijetlo ljubičasto dugme za dodatak. Sistem namjerno izbjegava jake sjene i gradijente na površinama korisničkog interfejsa; Dubina se postiže slojevitom fotografijom i suptilnim zamućenjem pozadine u naslovu, a ne efektom slaganja.
Glavni element je fotografija pune širine sa centriranim naslovom (48-64px/460) i jednim pozivom na akciju ispunjenim slikom vina, s plutajućim prozirnim karticama korisničkog interfejsa proizvoda postavljenim na lijevom i desnom rubu. Ispod glavnog elementa nalazi se bijela traka logotipa (6 ćelija po redu, maksimalna širina ograničena), zatim odjeljak s karticama i bijelim površinama kartica na pergamentnom platnu. Tamnotirkizna pruga prekida ritam otprilike dvije trećine stranice - puna širina, dvije kolone (slika lijevo, tekst desno) - stvarajući jedini tonski kontrast dok skrolate. Slijedi gradijentna atmosferska pruga. Vertikalni razmak između odjeljaka je 64-96px. Maksimalna širina sadržaja je ~1200px centrirana, s glavnim elementom i tamnom prugom koja se proteže cijelom širinom prikaza. Navigacija je jedno fiksno zaglavlje sa zamućenom pozadinom; nema bočne trake, nema mega menija. Podnožje je bordo stranica pune širine s rasporedom linkova u više kolona. Ukupni ritam je: glavni kadar → mirni bijeli/krem sadržaj → tamna pruga s glavnom slikom → atmosferski gradijent → bordo podnožje, naizmjenične svijetle i tamne pruge za stvaranje uredničkog tempa.
Primarni vizualni element je kinematografska fotografija: portret pune širine naspram otvorenog neba služi kao središnja tačka, s drugom atmosferskom prugom postavljenom niže na stranici. Slika je toplo tonirana, suptilno prigušena i snimljena iz profila, podsjećajući na zlatni sat, stvarajući više urednički nego korporativni osjećaj. Tamna pruga s prozirnim geometrijskim pravokutnicima i rukom pisanim natpisima postavljena je preko fotografije čovjeka izgubljenog u mislima - kolaž površina, a ne jedna slika. Korisnički interfejs je predstavljen kao plutajuće staklene kartice postavljene direktno na fotografiju, a ne kao odvojeni snimci ekrana. Nema stock ilustracija, nema 3D rendera niti apstraktnih dekorativnih oblika, osim gradijentne atmosferske pruge. Ikone su minimalističke monokromatske linijske ikone, širine ~16-20px, s jednom širinom koja odgovara težini teksta od 460 tačaka.
Paleta
Brend
- Midnight Wine
#421d24— Glavna dugmad za akciju, reklamni baner i podnožje su tople, gotovo crno-bordo boje koja više podsjeća na tintu nego na crvenu, usidrujući paletu boja bez da je prenapadna. - Royal Violet
#714cb6— Ljubičasta se koristi za isticanje linkova, oznaka i kratkih fraza. Ne bi se trebala koristiti kao primarna boja za pozive na akciju.
Neutralno
- Lilac Mist
#d4c7ff— Sekundarno popunjavanje površine, svijetle ikone i pozadine dugmadi u obliku duhova imaju prigušenu ljubičastu boju koja nagovještava stil brenda, a da pritom ne privlači previše pažnje na sebe. - Deep Lagoon
#0c4243— Tamna pozadina trake, korištena kao glavni narativni element, jedina je tamna površina u sistemu, kombinovana sa preklopljenim geometrijskim uzorkom. - Warm Parchment
#f2f0eb— Radna površina stranice je dominantan element; topla krem boja zamjenjuje bijelu kao osnovu, dajući cijelom sistemu uredničku toplinu. - Soft Mist
#e3e3e2— Fine ivice, obrisi kartica, linije razdvajanja - topla, svijetlosiva boja koja se stapa s pergamentom, ali jasno definira rubove. - Ink Charcoal
#292827— Tekst, naslovi, obrisi ikona - topla, gotovo crna boja s dovoljno smeđe da se osjeća kao tinta na papiru, nikad hladna #000 - Stone Gray
#666666— Sekundarni tekst, prateći tekstovi, diskretni opisi - jedna srednje siva boja, korištena štedljivo kako se nikada ne bi takmičila s glavnim tekstom.
Tipografija
od 12 do 64px · 8 koraka
- Super Sans VF — zamjena: Inter (closest open equivalent for variable weight range) · obrisi 460, 500, 540, 600, 700 · Jedan font u cijelom sistemu. Varijable ose obuhvataju raspon od 460 (prepoznatljiv, blago izrezan font za sav veliki tekst naslova) do 540 (naglašeni tekst u tijelu) i 700 (mali, podebljani natpisi). Specijalno dizajnirana VF čini da naslovi debljine 460 izgledaju namjernije nego nasumično - pri 48-64px sa malim razmakom između slova, efekat "blago izrezanog" se doživljava kao samouvjeren, a ne tanak.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | gust |
| Osnovni korak | 8px |
| Radijus dugmeta | 16px |
| Radijus kartice | 16px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 64-96px |
| Širina stranice | 1200px |
Vještačka inteligencija će izgraditi vašu web stranicu u Superhuman stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- AI for Business — Brutalistički urednički izložbeni salon u toplim sivim tonovima
- Jeton — Uvodnik o fintechu na toplom mramoru
- Airtable — Ugodan seminar s poglavljima označenim različitim bojama
- Osmo — Muzej programera na sivom betonu
- Linktr — Uvodni posteri su naslagani kao bomboni. Web stranica je dizajnirana u blokovima boja, sa jarko zelenim naslovima nasuprot kobaltno plavim zidovima i bijelim navigacijskim elementima u obliku tableta koji lebde iznad bordo polja.
- Outsource Consultants — Arhitektonski list velikog formata na koštanom papiru. Monografska estetika, gdje jedna svijetla mrlja indiga prekida inače toplu, tipografski maksimalističku mrežu.
- Streamtime — Taktilna kreativna ploča raspoloženja - Dizajnerski stol za scrapbooking
- Switch-Lit — Urednička mreža otisnuta tintom na krem papiru
- HubSpot — Topla krem boja papira s jednim narandžastim akcentom. HubSpot podsjeća na dizajnerski časopis odštampan na teškom papiru - serifni naslovi, tople krem stranice i jedan vatreno narandžasti akcent koji ističe samo najvažnije tačke.
- Granola — Bilješke s terena na toplom pergamentu - Granola se čita kao iznošena Moleskine bilježnica otvorena na osunčanom stolu: serifni naslovi daju osjećaj čvrstoće, organski zeleni akcenti poput tinte na biljnoj bazi, a fine linije na marginama kartica koje podsjećaju na rukom pisane bilješke.
- Secure — Razgovor u evropskom kafiću pri blagom dnevnom svjetlu je topao, elegantan pristup video pozivima, gdje se serifni naslovi čitaju kao promišljeni članak u časopisu, a ne kao stranica tehnološkog proizvoda.
- Mockups made easy — Urednički dizajn studio na bijelom papiru