Superhuman
kuldse tunni toimetus
Superhuman paikneb toimetuse fotograafia ja tarkvaralise kasutajaliidese ristumiskohas – soe, pärgamenditaoline lõuend (mitte kunagi puhas valge) raamib kastanpruune brändielemente ja erksaid lillasid aktsente. 460-kraadises kirjas pealkirjad pigem sosistavad kui karjuvad, lastes täisleheküljelisel kinemaatilisel fotograafial raske töö ära teha, samal ajal kui poolläbipaistvad toote kasutajaliidese kaardid hõljuvad piltide kohal nagu klaas. Palett jääb enamasti rahulikuks ja toimetuselikuks: kreemikad pinnad, söekarva tekst, peened soojahallid äärised ja elementide vaheline helde vahe, värv on reserveeritud tahtlikele brändikirjavahemärkidele – üks kastanpruun üleskutse tegevusele, lillad lingid, helelilla lisanupp. Süsteem väldib teadlikult tugevaid varje ja gradiente kasutajaliidese pindadel; sügavus saavutatakse kihilise fotograafia ja peene tausta hägustamise abil pealkirjas, mitte virnastamise efekti abil.
Põhielement on täislaiuses foto tsentreeritud pealkirjaga (48–64 pikslit/460) ja ühe veini kujutisega täidetud üleskutsega tegevusele, mille vasakul ja paremal serval on hõljuvad poolläbipaistvad toote kasutajaliidese kaardid. Põhielemendi all on valge triibuga logoriba (6 lahtrit rea kohta, maksimaalne laius piiratud) ja seejärel pärgamentlõuendil valgete kaardipindadega vahekaartide sektsioon. Tume türkiissinine triip katkestab rütmi umbes kahel kolmandikul lehe ulatuses – täislaiuses, kahe veeruga (pilt vasakul, tekst paremal) –, luues kerides ainsa tonaalse kontrasti. Järgneb gradientne atmosfääriline triip. Sektsioonide vaheline vertikaalne vahe on 64–96 pikslit. Maksimaalne sisu laius on tsentreeritud ~1200 pikslit, kusjuures põhielement ja tume triip hõlmavad kogu vaatevälja laiust. Navigeerimine on üks fikseeritud päis häguse taustaga; puudub külgriba või megamenüü. Jalus on täislaiuses burgundiapunane leht mitmeveerulise linkide paigutusega. Üldine rütm on järgmine: põhikaader → rahulik valge/kreemikas sisu → tume triip põhipildiga → atmosfääriline gradient → burgundiapunane jalus, heledate ja tumedate triipude vaheldumine toimetuse tempo loomiseks.
Peamine visuaalne element on filmilik fotograafia: fookuspunktiks on täislaiuses portree avatud taeva taustal, teine atmosfääririba asub lehel allpool. Pilt on soojades toonides, peenelt summutatud ja profiilis tehtud, meenutades kuldset tundi, luues pigem toimetuse kui korporatiivse tunde. Mõttes mehe fotole on kantud tume triip poolläbipaistvate geomeetriliste ristkülikute ja käsitsi kirjutatud pealdistega – see on pigem pindade kollaaž kui üksik pilt. Kasutajaliides on esitatud ujuvate klaaskaartidena, mis on otse fotole kantud, mitte eraldi ekraanipiltidena. Puuduvad illustratsioonid, 3D-renderdused ega abstraktsed dekoratiivsed vormid, välja arvatud gradientne atmosfääririba. Ikoonid on minimalistlikud mustvalged joonikoonid, ~16–20 pikslit laiad, ühe laiusega, mis vastab 460-punktilisele tekstikaalule.
Palett
Bränd
- Midnight Wine
#421d24— Peamised toimingunupud, reklaamibänner ja jalus on soojas, peaaegu mustas burgundivärvis, mis tundub pigem tindi kui punase moodi, ankurdades värvipaleti ilma liiga domineeriv olemata. - Royal Violet
#714cb6— Lillat värvi kasutatakse linkide, siltide ja lühikeste fraaside esiletõstmiseks. Seda ei tohiks kasutada tegevusele kutsuvate tekstide põhivärvina.
Neutraalne
- Lilac Mist
#d4c7ff— Teisese pinna täitel, heledatel ikoonidel ja kummitusnuppude taustal on summutatud lilla värv, mis vihjab brändi stiilile, tõmbamata endale liigset tähelepanu. - Deep Lagoon
#0c4243— Riba tume taust, mida kasutatakse peamise narratiivse elemendina, on süsteemi ainus tume pind, mis on kombineeritud pealiskaudse geomeetrilise mustriga. - Warm Parchment
#f2f0eb— Lehekülje tööpind on domineeriv element; soe kreemikas värv asendab valget alusena, andes kogu süsteemile toimetusliku soojuse. - Soft Mist
#e3e3e2— Peened äärised, kaardi kontuurid, eraldusjooned – soe helehall, mis sulandub pärgamendiga, kuid määratleb servad selgelt. - Ink Charcoal
#292827— Põhitekst, pealkirjad, ikoonide kontuurid – soe, peaaegu must värv, piisavalt pruuni, et paberil tindi moodi tunduks, mitte kunagi külm #000 - Stone Gray
#666666— Lisatekst põhitekstist, tugitekstid, diskreetsed kirjeldused – üks keskmine hall toon, mida on kasutatud säästlikult, et see ei konkureeriks kunagi põhitekstiga.
Tüpograafia
12-st 64 pikslini · 8 sammu
- Super Sans VF — asendamine: Inter (closest open equivalent for variable weight range) · kontuurid 460, 500, 540, 600, 700 · Üks font kogu süsteemis. Telgede muutujad jäävad vahemikku 460 (signatuurne, kergelt kärbitud font kogu suure pealkirjateksti jaoks) kuni 540 (rõhutatud põhitekst) ja 700 (väikesed, paksus kirjas pealkirjad). Spetsiaalselt loodud visuaalse nurga alt kujundatud kujundus muudab 460-rasvased pealkirjad pigem läbimõeldud kui juhuslikeks – 48–64 piksli suuruse ja tiheda tähevahega teksti puhul tundub „kergelt kärbitud” efekt pigem enesekindla kui õhukesena.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | tihe |
| Põhisamm | 8px |
| Nupu raadius | 16px |
| Kaardi raadius | 16px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 64-96px |
| Lehe laius | 1200px |
Tehisintellekt loob teie veebisaidi Superhuman stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- AI for Business — Brutalistlik toimetuse müügisalong soojades hallides toonides
- Jeton — Toimetuse artikkel fintechist soojal marmoril
- Airtable — Hubane seminar, mille peatükid on märgitud erinevate värvidega
- Osmo — Arendajate muuseum hallil betoonil
- Linktr — Toimetuse plakatid on virnastatud nagu kommid. Veebisait on kujundatud värviplokkidena, erkroheliste pealkirjadega koobaltsiniste seinte taustal ja valgete pillikujuliste navigatsioonielementidega, mis hõljuvad burgundiapunaste väljade kohal.
- Outsource Consultants — Suureformaadiline arhitektuurne leht luupaberil. Monograafiline esteetika, kus üksainus ere indigolaik katkestab muidu sooja, tüpograafiliselt maksimalistlikku ruudustikku.
- Streamtime — Kombatav loominguline meeleolutahvel - disainerist külalisteraamatu laud
- Switch-Lit — Toimetusruudustik, trükitud tindiga kreemikale paberile
- HubSpot — Soe kreemikas paber ühe oranži aktsendiga. HubSpot meenutab paksule paberile trükitud disainerajakirja – serif-tooniga pealkirjad, soojad kreemikad leheküljed ja üks leegitsev oranž aktsent, mis toob esile ainult kõige olulisemad punktid.
- Granola — Soojal pärgamendil olevad märkmed – Granola loeb nagu päikesepaistelisel laual avatud kulunud Moleskine'i märkmik: serif-pealkirjad annavad soliidsuse tunde, orgaanilised rohelised aktsendid nagu taimne tint ja peened jooned kaartide servades, mis meenutavad käsitsi kirjutatud märkmeid.
- Secure — Vestlus Euroopa kohvikus pehmes päevavalguses on soe ja stiilne lähenemine videokõnele, kus serif-kirjutatud pealkirjad kõlavad pigem nagu läbimõeldud ajakirjaartikkel kui tehnoloogiatoodete leht.
- Mockups made easy — Toimetuse disainistuudio valgel paberil