Superhuman
uredniški odbor zlate ure
Superhuman se nahaja na presečišču uredniške fotografije in uporabniškega vmesnika programske opreme – toplo, pergamentu podobno platno (nikoli čisto belo) uokvirja kostanjeve elemente blagovne znamke in živahne vijolične poudarke. Naslovi, postavljeni v pisavi 460, šepetajo, ne kričijo, kar omogoča, da celostranska kinematografska fotografija opravi težko delo, medtem ko prosojne kartice uporabniškega vmesnika izdelkov lebdijo kot steklo nad slikami. Paleta večino časa ostaja mirna in uredniška: kremne površine, ogljeno besedilo, subtilni toplo sivi robovi in veliki razmiki med elementi, pri čemer je barva rezervirana za namerno ločilo blagovne znamke – en sam kostanjev poziv k dejanju, vijolične povezave, svetlo lila gumb za dodatek. Sistem se namerno izogiba močnim sencam in prelivom na površinah uporabniškega vmesnika; globina je dosežena s plastovito fotografijo in subtilno zameglitvijo ozadja v naslovu, ne pa z učinkom zlaganja.
Glavni element je fotografija v polni širini s centriranim naslovom (48–64 slikovnih pik/460) in enim samim pozivom k dejanju, napolnjenim s sliko vina, s lebdečimi prosojnimi karticami uporabniškega vmesnika izdelka, ki prekrivajo levi in desni rob. Pod glavnim elementom je bel trak z logotipom (6 celic na vrstico, največja širina omejena), nato pa razdelek z zavihki in belimi površinami kartic na pergamentnem platnu. Temno turkizna črta prekinja ritem približno dve tretjini strani – polna širina, dva stolpca (slika na levi, besedilo na desni) – in ustvarja edini tonski kontrast med pomikanjem. Sledi gradientna atmosferska črta. Navpični razmik med razdelki je 64–96 slikovnih pik. Največja širina vsebine je ~1200 slikovnih pik na sredini, glavni element in temna črta pa se raztezata čez celotno širino vidnega polja. Navigacija je ena sama fiksna glava z zamegljenim ozadjem; brez stranske vrstice, brez mega menija. Noga je bordo stran v polni širini z večstolpčno postavitvijo povezav. Splošni ritem je: glavni kader → umirjena bela/krem vsebina → temen trak z glavno sliko → atmosferski gradient → bordo podnožje, izmenične svetle in temne črte za ustvarjanje uredniškega tempa.
Primarni vizualni element je kinematografska fotografija: portret v polni širini na odprtem nebu služi kot osrednja točka, z drugim atmosferskim pasom, nameščenim nižje na strani. Slika je toplo tonska, subtilno utišana in posneta iz profila, kar spominja na zlato uro, kar ustvarja bolj uredniški kot korporativni občutek. Temna črta s prosojnimi geometrijskimi pravokotniki in ročno napisanimi napisi je nameščena čez fotografijo moškega, izgubljenega v mislih – kolaž površin in ne ena sama slika. Uporabniški vmesnik je predstavljen kot lebdeče steklene kartice, nameščene neposredno na fotografiji, namesto kot ločeni posnetki zaslona. Ni ilustracij, 3D-upodobitev in abstraktnih dekorativnih oblik, razen gradientnega atmosferskega pasu. Ikone so minimalistične enobarvne črtne ikone, široke ~16-20 slikovnih pik, z eno samo širino, ki ustreza debelini besedila 460 točk.
Paleta
Blagovna znamka
- Midnight Wine
#421d24— Glavni gumbi za dejanja, oglasna pasica in noga so tople, skoraj črne bordo barve, ki je bolj podobna črnilu kot rdeči, in ohranja barvno paleto, ne da bi bila preveč vpadljiva. - Royal Violet
#714cb6— Vijolična se uporablja za označevanje povezav, oznak in kratkih fraz. Ne sme se uporabljati kot primarna barva za pozive k dejanju.
Nevtralno
- Lilac Mist
#d4c7ff— Polnilo sekundarne površine, svetle ikone in ozadja gumbov duhov imajo umirjeno vijolično barvo, ki namiguje na slog blagovne znamke, ne da bi pri tem pritegnila pretirano pozornost. - Deep Lagoon
#0c4243— Temno ozadje traku, ki je uporabljeno kot glavni narativni element, je edina temna površina v sistemu, kombinirana s prekrivajočim se geometrijskim vzorcem. - Warm Parchment
#f2f0eb— Delovna površina strani je prevladujoči element; topla kremna barva nadomešča belo kot osnovo, kar celotnemu sistemu daje uredniško toplino. - Soft Mist
#e3e3e2— Fine obrobe, obrisi kartic, ločilne črte – topla, svetlo siva barva, ki se zliva s pergamentom, a jasno določa robove. - Ink Charcoal
#292827— Telo besedila, naslovi, obrisi ikon - topla, skoraj črna barva z dovolj rjave, da se zdi kot črnilo na papirju, nikoli hladna #000 - Stone Gray
#666666— Sekundarno besedilo, podporna besedila, diskretni opisi - ena sama srednje siva barva, uporabljena zmerno, da ne bi konkurirala glavnemu besedilu.
Tipografija
od 12 do 64 slikovnih pik · 8 korakov
- Super Sans VF — zamenjava: Inter (closest open equivalent for variable weight range) · obrisi 460, 500, 540, 600, 700 · Ena sama pisava v celotnem sistemu. Spremenljivke osi segajo od 460 (značilna, rahlo obrezana pisava za vsa velika besedila naslovov) do 540 (poudarjeno besedilo v telesu) in 700 (majhni, krepki podnapisi). Posebej zasnovana VF poskrbi, da so naslovi z debelino 460 videti bolj premišljeni kot naključni – pri 48–64 slikovnih pikah z majhnim razmikom med črkami se učinek»rahlo obrezanega« dojema kot samozavesten in ne tanek.
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | gosta |
| Osnovni korak | 8px |
| Polmer gumba | 16px |
| Polmer kartice | 16px |
| Sence | ne - obrobe namesto senc |
| Med odseki | 64-96px |
| Širina strani | 1200px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu Superhuman in jo napolnila
- Polnite z izdelki in objavami prek povezave - Instagram, TikTok, Facebook.
- Prenesite vsebino s starega spletnega mesta – samo navedite naslov.
- Sodoben dizajn na najboljšem iskalniku: React ( Next.js) z vnaprej pripravljenim upodabljanjem na strežniku in optimizacijo za SEO.
- Popolnoma avtomatizirana SEO optimizacija za rezultate iskanja in priporočila nevronskih mrež.
Podobni slogi
- AI for Business — Brutalistični uredniški razstavni salon v toplih sivih tonih
- Jeton — Uvodnik o finančni tehnologiji na toplem marmorju
- Airtable — Prijeten seminar s poglavji, označenimi z različnimi barvami
- Osmo — Muzej razvijalcev na sivem betonu
- Linktr — Uvodniški plakati so zloženi kot bonboni. Spletna stran je zasnovana v barvnih blokih, z živo zelenimi naslovi, uokvirjenimi ob kobaltno modrih stenah, in belimi navigacijskimi elementi v obliki tablet, ki lebdijo nad bordo polji.
- Outsource Consultants — Velikoformatni arhitekturni list na kostnem papirju. Monografska estetika, kjer ena sama svetla lisa indiga prekine sicer toplo, tipografsko maksimalistično mrežo.
- Streamtime — Taktilna kreativna tabla razpoloženja - oblikovalska mizica za scrapbooking
- Switch-Lit — Uredniška mreža, natisnjena s črnilom na krem papirju
- HubSpot — Topla krem barva papirja z enim samim oranžnim poudarkom. HubSpot spominja na dizajnersko revijo, natisnjeno na težkem papirju – naslovi s serifi, tople krem strani in en sam ognjeno oranžen poudarek, ki poudarja le najpomembnejše točke.
- Granola — Terenski zapiski na toplem pergamentu – Granola se bere kot obrabljen Moleskine zvezek, odprt na sončni mizi: serifni naslovi dajejo občutek trdnosti, organski zeleni poudarki, kot so rastlinsko črnilo, in tanke črte na robovih kartic, ki spominjajo na ročno napisane zapiske.
- Secure — Pogovor v evropski kavarni v mehki dnevni svetlobi je topel in eleganten pogled na video klice, kjer se serifni naslovi berejo kot premišljen članek v reviji in ne kot stran tehnološkega izdelka.
- Mockups made easy — Uredniški oblikovalski studio na belem papirju