Superhuman
urednički panel zlatnog sata
Superhuman se nalazi na sjecištu uredničke fotografije i softverskog korisničkog sučelja - toplo platno nalik pergamentu (nikada čisto bijelo) uokviruje kestenjaste elemente brendiranja i živahne ljubičaste akcente. Naslovi, postavljeni u fontu od 460°, šapuću umjesto da viču, dopuštajući filmskoj fotografiji preko cijele stranice da obavi teški posao, dok prozirne kartice korisničkog sučelja 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časte poveznice, svijetlo ljubičasti gumb za dodatak. Sustav namjerno izbjegava jake sjene i gradijente na površinama korisničkog sučelja; Dubina se postiže slojevitom fotografijom i suptilnim zamućenjem pozadine u naslovu, a ne efektom slaganja.
Glavni element je fotografija pune širine s centriranim naslovom (48-64px/460) i jednim pozivom na akciju ispunjenim slikom vina, s plutajućim prozirnim karticama korisničkog sučelja proizvoda preklopljenim na lijevom i desnom rubu. Ispod glavnog elementa nalazi se bijela traka logotipa (6 ćelija po retku, maksimalna širina ograničena), zatim odjeljak s karticama s bijelim površinama kartica na pergamentnom platnu. Tamnotirkizna pruga prekida ritam otprilike dvije trećine stranice - puna širina, dva stupca (slika lijevo, tekst desno) - stvarajući jedini tonski kontrast dok se pomičete. 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 s mutnom pozadinom; bez bočne trake, bez mega izbornika. Podnožje je bordo stranica pune širine s rasporedom poveznica u više stupaca. Ukupni ritam je: glavni kadar → mirni bijeli/krem sadržaj → tamna pruga s glavnom slikom → atmosferski gradijent → bordo podnožje, izmjenjujući svijetle i tamne pruge za stvaranje uredničkog tempa.
Primarni vizualni element je filmska fotografija: portret pune širine naspram otvorenog neba služi kao središnja točka, s drugom atmosferskom prugom smještenom 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 nanosi se preko fotografije čovjeka izgubljenog u mislima - kolaž površina, a ne jedna slika. Korisničko sučelje predstavljeno je kao plutajuće staklene kartice postavljene izravno na fotografiju, a ne kao zasebne snimke zaslona. 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 bodova.
Paleta
Robna marka
- Midnight Wine
#421d24— Glavni gumbi za radnju, banner oglas i podnožje su tople, gotovo crne 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 poveznica, oznaka i kratkih fraza. Ne bi se trebala koristiti kao primarna boja za pozive na akciju.
Neutralno
- Lilac Mist
#d4c7ff— Sekundarno ispunjavanje površine, svijetle ikone i pozadine gumba duhova imaju prigušenu ljubičastu boju koja nagovještava stil brenda bez privlačenja previše pozornosti na sebe. - Deep Lagoon
#0c4243— Tamna pozadina trake, korištena kao glavni narativni element, jedina je tamna površina u sustavu, kombinirana s preklopljenim geometrijskim uzorkom. - Warm Parchment
#f2f0eb— Radna površina stranice je dominantan element; topla kremasta boja zamjenjuje bijelu kao osnovu, dajući cijelom sustavu uredničku toplinu. - Soft Mist
#e3e3e2— Tanki rubovi, obrisi kartica, linije razdjelnice - topla, svijetlosiva boja koja se stapa s pergamentom, ali jasno definira rubove. - Ink Charcoal
#292827— Tekst tijela, 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 natjecala 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 sustavu. Varijable osi obuhvaćaju raspon od 460 (potpisni, blago obrezani font za sav veliki tekst naslova) do 540 (naglašeni tekst tijela) i 700 (mali, podebljani opisi). Posebno dizajnirana VF čini da naslovi s težinom od 460 izgledaju promišljenije nego nasumično - pri 48-64px s uskim razmakom između slova, efekt "blago obrezanog" doživljava se kao samouvjeren, a ne tanak.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | gust |
| Osnovni korak | 8px |
| Radijus gumba | 16px |
| Radijus kartice | 16px |
| Sjene | ne - obrubi umjesto sjena |
| Između odjeljaka | 64-96px |
| Širina stranice | 1200px |
Umjetna inteligencija će izraditi vašu web stranicu u Superhuman stilu i ispuniti je
- Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
- Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretraživanja i preporuke neuronskih mreža.
Slični stilovi
- AI for Business — Brutalistički urednički izložbeni prostor u toplim sivim tonovima
- Jeton — Uvodnik o fintechu na toplom mramoru
- Airtable — Ugodan seminar s poglavljima označenim različitim bojama
- Osmo — Muzej developera na sivom betonu
- Linktr — Uvodni plakati su naslagani poput slatkiša. Web stranica je dizajnirana u blokovima boja, sa jarko zelenim naslovima nasuprot kobaltnoplavim 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 narančastim naglaskom. HubSpot podsjeća na dizajnerski časopis tiskan na teškom papiru - serifni naslovi, tople krem stranice i jedan vatreno narančasti naglasak koji ističe samo najvažnije točke.
- Granola — Bilješke s terena na toplom pergamentu - Granola se čita poput iznošene Moleskine bilježnice otvorene 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 nalikuju rukom pisanim bilješkama.
- Secure — Razgovor u europskom kafiću na mekom dnevnom svjetlu topao je i elegantan pristup videopozivu, 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