Superhuman
redakcia panelo de la ora horo
Superhuman situas la intersekciĝon de redakcia fotografio kaj softvara uzantinterfaco — varma, pergamenteca kanvaso (neniam pure blanka) enkadrigas kaŝtanbrunajn markigajn elementojn kaj viglajn violajn akcentojn. Titoloj, en 460-grada tiparo, flustras anstataŭ krii, permesante al tutpaĝa kinematografia fotografio fari la pezan laboron, dum travideblaj produktaj uzantinterfacaj kartoj flosas kiel vitro super la bildoj. La paletro restas trankvila kaj redakcia plejparte de la tempo: kremkoloraj surfacoj, karba teksto, subtilaj varmgrizaj randoj kaj malavara interspaco inter elementoj, kun koloro rezervita por konscia marka interpunkcio — ununura kaŝtanbruna voko-al-ago, violaj ligiloj, hellila aldona butono. La sistemo intence evitas fortajn ombrojn kaj gradientojn sur la uzantinterfacoj; La profundo estas atingita per tavoligita fotografio kaj subtila fona malklareco en la titolo, anstataŭ per stakiga efiko.
La ĉefa elemento estas plenlarĝa foto kun centrita titolo (48-64 rastrumeroj/460) kaj ununura alvoko al ago plenigita per bildo de vino, kun ŝvebantaj travideblaj produktaj uzantinterfacaj kartoj supermetitaj sur la maldekstra kaj dekstra randoj. Sub la ĉefa elemento estas blanka strio kun la emblemo (6 ĉeloj po vico, maksimuma larĝo limigita), poste langeto kun blankaj kartsurfacoj sur pergamenta kanvaso. Malhelturkisa strio rompas la ritmon ĉirkaŭ du trionojn de la paĝo — plenlarĝa, du kolumnoj (bildo maldekstre, teksto dekstre) — kreante la solan tonan kontraston dum vi rulumas. Sekvas gradienta atmosfera strio. La vertikala interspaco inter sekcioj estas 64-96 rastrumeroj. La maksimuma larĝo de la enhavo estas ĉirkaŭ 1200 rastrumeroj centrita, kun la ĉefa elemento kaj malhela strio ampleksantaj la plenan larĝon de la vidfenestro. La navigado estas ununura fiksa titolo kun malklara fono; neniu flanka kolumno, neniu mega-menuo. La piedlinio estas plenlarĝa burgonjvina paĝo kun plurkolumna aranĝo de ligiloj. La ĝenerala ritmo estas: ĉefa kadro → trankvila blanka/kremkolora enhavo → malhela strio kun la ĉefa bildo → atmosfera gradiento → burgonjvina piedlinio, alternante helajn kaj malhelajn striojn por krei redakcian takton.
La ĉefa vida elemento estas kinematografia fotografio: plenlarĝa portreto kontraŭ malferma ĉielo servas kiel fokuso, kun dua atmosfera strio poziciigita pli malsupre sur la paĝo. La bildo estas varme tonigita, subtile silentigita, kaj fotita profile, rememoriga pri ora horo, kreante pli redakcian ol entreprenan etoson. Malhela strio kun travideblaj geometriaj rektanguloj kaj manskribitaj surskriboj estas supermetita super foto de viro perdita en pensoj - kolaĝo de surfacoj anstataŭ ununura bildo. La uzulinterfaco estas prezentita kiel ŝvebantaj vitraj kartoj supermetitaj rekte sur la foton, anstataŭ kiel apartaj ekrankopioj. Ne estas arĥivaj ilustraĵoj, neniuj 3D-bildigoj, kaj neniuj abstraktaj dekoraciaj formoj, krom la gradienta atmosfera strio. La ikonoj estas minimalistaj monokromataj liniaj ikonoj, ~16-20 rastrumeroj larĝaj, kun ununura larĝo korespondanta al la 460-punkta tekstopezo.
Paletro
Marko
- Midnight Wine
#421d24— La ĉefaj agbutonoj, reklama standardo kaj piedlinio estas varma, preskaŭ nigra burgonja koloro, kiu sentas pli kiel inko ol ruĝa, ankrante la kolorpaletron sen esti superforta. - Royal Violet
#714cb6— Purpura koloro estas uzata por reliefigi ligilojn, etikedojn kaj mallongajn frazojn. Ĝi ne devus esti uzata kiel la ĉefa koloro por alvokoj al ago.
Neŭtrala
- Lilac Mist
#d4c7ff— La sekundara surfaca plenigaĵo, lumaj ikonoj kaj fantomaj butonaj fonoj ĉiuj havas silentigitan purpuran koloron, kiu aludas al la stilo de la marko sen altiri nepravigeblan atenton al si. - Deep Lagoon
#0c4243— La malhela fono por la strio, uzata kiel la ĉefa rakonta elemento, estas la sola malhela surfaco en la sistemo, kombinita kun supermetita geometria ŝablono. - Warm Parchment
#f2f0eb— La laborsurfaco de la paĝo estas la domina elemento; varma kremkolora koloro anstataŭigas blankan kiel bazon, donante al la tuta sistemo redakcian varmon. - Soft Mist
#e3e3e2— Fajnaj randoj, kartkonturoj, dividlinioj — varma, helgrizo kiu miksiĝas kun la pergameno sed klare difinas la randojn. - Ink Charcoal
#292827— Korpoteksto, titoloj, konturoj de ikonoj - varma, preskaŭ nigra koloro kun sufiĉe da bruno por sentiĝi kiel inko sur papero, neniam malvarma #000 - Stone Gray
#666666— Dua teksto, subtenaj tekstoj, diskretaj priskriboj - ununura meza grizo, uzata ŝpareme por neniam konkuri kun la ĉefa teksto.
Tipografio
de 12 ĝis 64 rastrumeroj · 8 paŝoj
- Super Sans VF — anstataŭaĵo: Inter (closest open equivalent for variable weight range) · konturoj 460, 500, 540, 600, 700 · Ununura tiparo en la tuta sistemo. Aksaj variabloj ampleksas la intervalon de 460 (signatura, iomete detranĉita tiparo por ĉiu granda titoloteksto) ĝis 540 (emfazita korpteksto) kaj 700 (malgrandaj, grasaj apudskriboj). Speciale desegnita VF igas titolojn kun 460-pezo aspekti pli konsciaj ol hazardaj — je 48-64 rastrumeroj kun densa interspaco inter literoj, la "iomete detranĉita" efiko estas perceptita kiel memfida prefere ol maldika.
Intervaloj kaj formo
| Celo | Signifo |
|---|---|
| Denseco | densa |
| Baza paŝo | 8px |
| Butona radiuso | 16px |
| Karto-radiuso | 16px |
| Ombroj | ne - limoj anstataŭ ombroj |
| Inter sekcioj | 64-96px |
| Paĝlarĝo | 1200px |
AI konstruos vian retejon laŭ la stilo de Superhuman kaj plenigos ĝin
- Plenigu per produktoj kaj afiŝoj per la ligilo - Instagram, TikTok, Facebook.
- Transdonu enhavon de via malnova retejo — nur specifu la adreson.
- Moderna dezajno sur la plej bona motoro: React ( Next.js) kun servila bildigo kaj SEO-optimigo tuj uzeblaj.
- Plene aŭtomatigita SEO-optimigo por serĉrezultoj kaj rekomendoj pri neŭralaj retoj.
Similaj stiloj
- AI for Business — Brutalista redakcia ekspoziciejo en varmaj grizaj tonoj
- Jeton — Ĉefartikolo pri financa teknologio sur varma marmoro
- Airtable — Agrabla seminario kun ĉapitroj markitaj per malsamaj koloroj
- Osmo — La Muzeo de la Programistoj sur Griza Betono
- Linktr — Redakciaj afiŝoj estas stakigitaj kiel bombonoj. La retejo estas desegnita en kolorblokoj, kun hele verdaj titoloj metitaj kontraŭ kobaltbluaj muroj, kaj blankaj pilolformaj navigaciaj elementoj flosantaj super burgonjvinaj kampoj.
- Outsource Consultants — Grandformata arkitektura folio sur osta papero. Monografia estetiko, kie ununura hela peceto de indigo interrompas la alie varman, tipografie maksimumisman kradon.
- Streamtime — Palpebla Kreiva Humortabulo - Dezajnista Scrapbooking-Tablo
- Switch-Lit — Redakcia krado presita per inko sur kremkolora papero
- HubSpot — Varma kremkolora paperkoloro kun ununura oranĝa akcento. HubSpot similas al dizajnista revuo presita sur peza papero — serifaj titoloj, varmaj kremkoloraj paĝoj, kaj ununura fajra oranĝa akcento elstariganta nur la plej gravajn punktojn.
- Granola — Kampaj notoj sur varma pergamentpapero — Granola legiĝas kiel eluzita Moleskine-kajero malfermita sur sunlumita skribotablo: serifaj titoloj donas senton de solideco, organikaj verdaj akcentoj kiel plantbazita inko, kaj fajnaj linioj en la marĝenoj de la kartoj, kiuj similas al manskribitaj notoj.
- Secure — Konversacio en eŭropa kafejo en mola taglumo estas varma, ŝika interpreto de videovokado, kie serifaj titoloj legiĝas kiel pripensema revua artikolo anstataŭ paĝo pri teknologia produkto.
- Mockups made easy — Redakcia dezajna studio sur blanka papero