Superhuman
ritstjórn gullnu stundarinnar
Superhuman liggur á milli ritstjórnarljósmyndunar og hugbúnaðarviðmóts — hlýr, pergamentlíkur strigi (aldrei hvítur) rammar inn rauðbrúna vörumerkjaþætti og skærfjólubláa áherslur. Fyrirsagnir, settar í 460 leturgerð, hvísla frekar en að hrópa, sem gerir heilsíðu kvikmyndaljósmyndun kleift að vinna þunga verkið, á meðan gegnsæ vöruviðmótskort svífa eins og gler yfir myndefninu. Litapalletan helst róleg og ritstjórnarleg mestallan tímann: kremlitað yfirborð, kolsvört texti, fínleg hlýgrá rammar og rausnarlegt bil milli þátta, með litum fráteknum fyrir vísvitandi greinarmerki vörumerkisins — ein rauðbrún aðgerðahvatning, fjólubláir tenglar, ljósfjólublár viðbótarhnappur. Kerfið forðast vísvitandi sterka skugga og litbrigði á viðmótsyfirborðum; Dýptin næst með lagskiptri ljósmyndun og fínlegri bakgrunnsþoku í titlinum, frekar en með staflaráhrifum.
Aðalþátturinn er ljósmynd í fullri breidd með miðjuðri fyrirsögn (48-64px/460) og ein aðgerðahvatning fyllt með mynd af víni, með fljótandi gegnsæjum vöruviðmótskortum ofan á vinstri og hægri brún. Fyrir neðan aðalþáttinn er hvítröndótt merkisrönd (6 reiti í hverri röð, hámarksbreidd takmörkuð), síðan flipi með hvítum kortflötum á pergamentstriga. Dökkblá rönd brýtur taktinn um það bil tvo þriðju hluta síðunnar - í fullri breidd, tveir dálkar (mynd vinstra megin, texti hægra megin) - sem skapar eina tónaandstæðuna þegar þú flettir. Stigullandi andrúmsloftsrönd fylgir í kjölfarið. Lóðrétt bil milli hluta er 64-96px. Hámarksbreidd efnis er ~1200px miðjuð, þar sem aðalþátturinn og dökka röndin spanna alla breidd gluggans. Leiðsögnin er ein fast haus með óskýrum bakgrunni; engin hliðarstika, engin risavalmynd. Síðufóturinn er vínrauður síða í fullri breidd með mörgum dálkum af tenglum. Heildartakturinn er: aðalmynd → rólegt hvítt/kremlitað efni → dökk rönd með aðalmyndinni → andrúmsloftslitaður litbrigði → vínrauður síðufótur, þar sem ljósar og dökkar rendur skiptast á til að skapa ritstjórnarlegt tempó.
Helsta sjónræna þátturinn er kvikmyndaljósmyndun: portrett í fullri breidd við opið himin er miðpunkturinn, með annarri stemningsrönd staðsett neðar á síðunni. Myndin er hlýlega lituð, lúmskt dauf og tekin í sniði, sem minnir á gullnu stundina, sem skapar meira ritstjórnarlegt en fyrirtækislegt yfirbragð. Dökk rönd með gegnsæjum rúmfræðilegum rétthyrningum og handskrifuðum áletrunum er lögð ofan á ljósmynd af manni sem er sokkinn í hugsanir - klippimynd af yfirborðum frekar en einni mynd. Notendaviðmótið er kynnt sem fljótandi glerkort sem eru lögð beint ofan á ljósmyndina, frekar en sem aðskildar skjáskot. Það eru engar lagermyndir, engar þrívíddarmyndir og engin abstrakt skreytingarform, fyrir utan litbrigða stemningsröndina. Táknin eru lágmarks einlita línutákn, ~16-20px á breidd, með einni breidd sem samsvarar 460 punkta textaþyngd.
Litatöflu
Vörumerki
- Midnight Wine
#421d24— Helstu aðgerðahnapparnir, auglýsingaborðinn og síðufóturinn eru hlýr, næstum svartur vínrauður litur sem líður meira eins og blek en rautt, sem festir litasamsetninguna í sessi án þess að vera yfirþyrmandi. - Royal Violet
#714cb6— Fjólublár er notaður til að auðkenna tengla, merki og stuttar setningar. Hann ætti ekki að vera aðalliturinn fyrir hvatningar til aðgerða.
Hlutlaus
- Lilac Mist
#d4c7ff— Aukafyllingin, ljósatáknin og bakgrunnur draugahnappanna eru öll með daufum fjólubláum lit sem gefur vísbendingu um stíl vörumerkisins án þess að vekja óhóflega athygli. - Deep Lagoon
#0c4243— Dökki bakgrunnur ræmunnar, sem notaður er sem aðal frásagnarþáttur, er eina dökka yfirborðið í kerfinu, ásamt yfirlögðu rúmfræðilegu mynstri. - Warm Parchment
#f2f0eb— Vinnuflötur síðunnar er ríkjandi þáttur; hlýr rjómalitur kemur í stað hvíts sem grunnur, sem gefur öllu kerfinu ritstjórnarlegan hlýjan blæ. - Soft Mist
#e3e3e2— Fínir rammar, útlínur korts, skiptingarlínur — hlýr, ljósgrár litur sem blandast við skinnið en skilgreinir greinilega brúnirnar. - Ink Charcoal
#292827— Megintexti, fyrirsagnir, útlínur tákna - hlýr, næstum svartur litur með nægilega brúnum lit til að líða eins og blek á pappír, aldrei kaldur #000 - Stone Gray
#666666— Aukatexti, fylgitextar, óáberandi lýsingar - einn meðalgrár litur, notaður sparlega til að keppa aldrei við aðaltextann.
Leturfræði
frá 12 til 64px · 8 skref
- Super Sans VF — skipti: Inter (closest open equivalent for variable weight range) · útlínur 460, 500, 540, 600, 700 · Eitt letur í öllu kerfinu. Ásbreytur spanna bilið frá 460 (einkennandi, örlítið klippt letur fyrir allan stóran fyrirsagnartexta) til 540 (áherslukenndur megintexti) og 700 (litlir, feitletraðir myndatextar). Sérhönnuð VF gerir það að verkum að fyrirsagnir með þyngd 460 virðast meira af ásettu ráði en tilviljanakenndar — við 48-64px með þröngu bili milli stafa er „örlítið klippta“ áhrifin skynjuð sem örugg frekar en þunn.
Millibil og form
| Tilgangur | Merking |
|---|---|
| Þéttleiki | þétt |
| Grunnskref | 8px |
| Hnapparadíus | 16px |
| Radíus korts | 16px |
| Skuggar | engin landamæri í stað skugga |
| Milli hluta | 64-96px |
| Síðubreidd | 1200px |
Gervigreind mun smíða vefsíðuna þína í stíl við Superhuman og fylla hana út
- Fyllið út vörur og færslur í gegnum tengilinn - Instagram, TikTok, Facebook.
- Flyttu efni af gömlu síðunni þinni — tilgreindu bara vefslóðina.
- Nútímaleg hönnun á bestu vélinni: React ( Next.js) með netþjónsútgáfu og SEO-bestun beint úr kassanum.
- Fullkomlega sjálfvirk SEO hagræðing fyrir leitarniðurstöður og tillögur að tauganetum.
Líkir stílar
- AI for Business — Hrottaleg ritstjórnarsýning í hlýjum gráum tónum
- Jeton — Ritstjórnargrein um fjártækni á hlýjum marmara
- Airtable — Notaleg málstofa með köflum merktum í mismunandi litum
- Osmo — Verktakasafnið á gráum steinsteypu
- Linktr — Ritstjórnarplakatar eru staflaðir eins og sælgæti. Vefsíðan er hönnuð í litablokkum, með skærgrænum fyrirsögnum á móti kóbaltbláum veggjum og hvítum pillulaga leiðsögueiningum sem svífa yfir vínrauða reitum.
- Outsource Consultants — Stórt arkitektúrblað á beinpappír. Einlit fagurfræði þar sem einn bjartur blettur af indigó brýtur niður annars hlýtt, leturfræðilega hámarkslegt net.
- Streamtime — Snertanleg skapandi skapborð - Hönnuðar klippibókarborð
- Switch-Lit — Ritstjórnartöflu prentuð með bleki á kremlitaðan pappír
- HubSpot — Hlýr kremlitur pappírs með einum appelsínugulum hreim. HubSpot líkist hönnunartímariti prentað á þykkan pappír — fyrirsagnir með serif-lit, síður með hlýjum kremlitum og einum eldfljótandi appelsínugulum hreim sem undirstrikar aðeins mikilvægustu atriðin.
- Granola — Vettvangsnótur á hlýju vellumpappír — Granola lesst eins og slitin Moleskine minnisbók opnuð á sólbjörtu skrifborði: serif-fyrirsagnir gefa tilfinningu fyrir traustleika, lífrænir grænir áherslur eins og plöntublek og fínar línur í jaðrum kortanna sem líkjast handskrifuðum miðum.
- Secure — Samtal á evrópsku kaffihúsi í mildri dagsbirtu er hlýleg og stílhrein túlkun á myndsímtölum, þar sem fyrirsagnir með berum skjölum lesast eins og hugsi tímaritsgrein frekar en síða um tæknivöru.
- Mockups made easy — Ritstjórnarhönnunarstofa á hvítum pappír