Superhuman
panel sa editoryal nga oras sa bulawan
Ang Superhuman nagsangkad sa interseksyon sa editorial photography ug software UI—usa ka mainiton, sama sa parchment nga canvas (dili gyud puro puti) nga nag-frame sa mga maroon branding elements ug mahayag nga purple accents. Ang mga headline, nga gibutang sa 460 nga font, naghunghong imbes nga nagsinggit, nga nagtugot sa tibuok pahina nga cinematic photography nga mohimo sa bug-at nga trabaho, samtang ang translucent product UI cards naglutaw sama sa bildo ibabaw sa mga imahe. Ang palette nagpabilin nga kalmado ug editoryal sa kadaghanan sa oras: cream nga mga nawong, charcoal nga teksto, malumo nga mainiton-abohon nga mga border, ug lapad nga gilay-on tali sa mga elemento, nga adunay kolor nga gitagana alang sa tinuyo nga brand punctuation—usa ka maroon call-to-action, purple nga mga link, usa ka light lilac add-on button. Ang sistema tinuyo nga naglikay sa kusog nga mga anino ug gradients sa mga UI surface; Ang giladmon makab-ot pinaagi sa layered photography ug malumo nga background blur sa titulo, imbes pinaagi sa usa ka stacking effect.
Ang pangunang elemento usa ka full-width nga litrato nga adunay nakasentro nga headline (48-64px/460) ug usa ka call to action nga puno sa imahe sa bino, nga adunay naglutaw nga translucent nga mga UI card sa produkto nga gisapaw sa wala ug tuo nga mga kilid. Sa ubos sa pangunang elemento usa ka puti nga stripe logo strip (6 ka cell matag laray, limitado ang maximum width), dayon usa ka tab section nga adunay puti nga card surfaces sa parchment canvas. Usa ka itom nga turquoise stripe ang nagbungkag sa ritmo mga dos-tersiya sa tibuok panid—full-width, duha ka kolum (imahe sa wala, teksto sa tuo)—nga nagmugna sa bugtong tonal contrast samtang nag-scroll ka. Usa ka gradient atmospheric stripe ang mosunod. Ang bertikal nga gilay-on tali sa mga seksyon kay 64-96px. Ang maximum content width kay ~1200px nakasentro, diin ang pangunang elemento ug itom nga stripe nagsangkad sa tibuok gilapdon sa viewport. Ang nabigasyon usa ka single fixed header nga adunay blurred background; walay sidebar, walay mega menu. Ang footer usa ka full-width burgundy page nga adunay multi-column layout sa mga link. Ang kinatibuk-ang ritmo mao kini: pangunang bayanan → kalma nga puti/kremang sulod → itom nga guhit uban sa pangunang imahe → atmospheric gradient → burgundy footer, nagpulipuli nga hayag ug itom nga mga guhit aron makamugna og editorial tempo.
Ang pangunang elemento sa biswal mao ang cinematic photography: ang usa ka full-width nga hulagway batok sa bukas nga kalangitan nagsilbing focal point, nga adunay ikaduhang atmospheric stripe nga gibutang sa ubos sa panid. Ang imahe mainiton nga gi-tono, hinay nga gi-mute, ug gikuha sa profile, nga nagpahinumdom sa usa ka golden hour, nga nagmugna og mas editoryal kaysa corporate feel. Usa ka itom nga stripe nga adunay translucent geometric rectangles ug handwritten inscriptions ang gipatong sa usa ka litrato sa usa ka tawo nga nawala sa hunahuna—usa ka collage sa mga nawong imbes nga usa ka imahe. Ang user interface gipresentar isip naglutaw nga glass cards nga gipatong direkta sa litrato, imbes nga managlahing screenshot. Walay stock illustrations, walay 3D renders, ug walay abstract decorative forms, gawas sa gradient atmospheric stripe. Ang mga icon kay minimalist monochrome line icons, ~16-20px ang gilapdon, nga adunay usa ka gilapdon nga katumbas sa 460 point text weight.
Paleta
Brand
- Midnight Wine
#421d24— Ang mga nag-unang butones sa aksyon, banner ad, ug footer usa ka mainiton, hapit itom nga burgundy nga mas morag tinta kaysa pula, nga nag-angkla sa paleta sa kolor nga dili sobra ka kusog. - Royal Violet
#714cb6— Ang purpura gigamit sa pag-highlight sa mga link, tag, ug mugbong mga hugpong sa mga pulong. Dili kini angay gamiton isip pangunang kolor para sa mga panawagan sa aksyon.
Neutral
- Lilac Mist
#d4c7ff— Ang secondary surface fill, light icons, ug ghost button backgrounds tanan adunay muted purple nga kolor nga nagpasabot sa estilo sa brand nga dili makadani og sobra nga atensyon. - Deep Lagoon
#0c4243— Ang ngitngit nga background para sa strip, nga gigamit isip pangunang elemento sa naratibo, mao lamang ang ngitngit nga nawong sa sistema, nga giubanan sa usa ka overlaid geometric pattern. - Warm Parchment
#f2f0eb— Ang nagtrabaho nga nawong sa panid mao ang dominanteng elemento; ang mainit nga krema nga kolor mopuli sa puti isip base, nga naghatag sa tibuok sistema og kainit sa editoryal. - Soft Mist
#e3e3e2— Pinong mga utlanan, mga balangkas sa kard, mga linya nga nagbahin—usa ka mainiton, luspad nga abohon nga mohaom sa pergamino apan klaro nga naghubit sa mga kilid. - Ink Charcoal
#292827— Ang teksto sa lawas, mga ulohan, mga balangkas sa icon - usa ka mainit, halos itom nga kolor nga adunay igo nga brown nga mobati sama sa tinta sa papel, dili gyud bugnaw #000 - Stone Gray
#666666— Sekondaryang lawas nga teksto, mga teksto nga nagsuporta, mga dili mamatikdan nga deskripsyon - usa ka medium nga abohon, gigamit nga panagsa ra aron dili makigkompetensya sa pangunang teksto.
Tipograpiya
gikan sa 12 ngadto sa 64px · 8 ka lakang
- Super Sans VF — kapuli: Inter (closest open equivalent for variable weight range) · mga balangkas 460, 500, 540, 600, 700 · Usa ra ka font sa tibuok sistema. Ang mga axis variable gikan sa 460 (usa ka signature, slightly cropped font para sa tanang dagkong heading text) ngadto sa 540 (emphasized body text) ug 700 (gamay, bold nga mga caption). Ang espesyal nga gidisenyo nga VF naghimo sa 460-weight nga mga heading nga makita nga mas tinuyo kaysa haphazard—sa 48-64px nga adunay hugot nga letter spacing, ang "slightly cropped" nga epekto giisip nga kompiyansa imbes nga nipis.
Mga interval ug porma
| Katuyoan | Kahulugan |
|---|---|
| Densidad | dasok |
| Batakang lakang | 8px |
| Radius sa butones | 16px |
| Radius sa kard | 16px |
| Mga anino | walay - mga utlanan imbes nga mga anino |
| Taliwala sa mga seksyon | 64-96px |
| Lapad sa panid | 1200px |
Ang AI motukod sa imong website sa estilo sa Superhuman ug mopuno niini
- Pun-a og mga produkto ug mga post pinaagi sa link - Instagram, TikTok, Facebook.
- Ibalhin ang sulod gikan sa imong daang site—ipiho lang ang adres.
- Modernong disenyo sa pinakamaayong makina: React ( Next.js) nga adunay server rendering ug SEO optimization nga andam na gamiton.
- Bug-os nga awtomatik nga pag-optimize sa SEO para sa mga resulta sa pagpangita ug mga rekomendasyon sa neural network.
Parehas nga mga estilo
- AI for Business — Brutalist nga showroom sa editoryal sa mainit nga abuhon nga mga tono
- Jeton — Usa ka editoryal bahin sa fintech sa mainit nga marmol
- Airtable — Usa ka komportableng seminar nga adunay mga kapitulo nga gimarkahan sa lain-laing mga kolor
- Osmo — Ang Museo sa mga Nag-develop sa Gray Concrete
- Linktr — Ang mga poster sa editoryal gipatong-patong sama sa kendi. Ang website gidisenyo sa mga bloke sa kolor, nga adunay hayag nga berde nga mga ulohan nga gibutang sa mga dingding nga cobalt-blue, ug puti nga porma sa pildoras nga mga elemento sa nabigasyon nga naglutaw sa ibabaw sa burgundy nga mga uma.
- Outsource Consultants — Usa ka dako nga pormat nga arkitektura nga papel sa bukog nga papel. Usa ka monograpikong estetika, diin ang usa ka hayag nga bahin sa indigo nagbalda sa init, tipograpiya nga maximalist nga grid.
- Streamtime — Taktil nga Mamugnaong Mood Board - Tigdesinyo nga Lamesa sa Scrapbooking
- Switch-Lit — Editoryal nga grid nga giimprinta gamit ang tinta sa krema nga papel
- HubSpot — Usa ka mainit nga kolor krema nga papel nga adunay usa ka orange nga accent. Ang HubSpot nahisama sa usa ka magasin nga tigdesinyo nga giimprinta sa baga nga papel—mga serif nga ulohan, mainit nga krema nga mga panid, ug usa ka nagdilaab nga orange nga accent nga nagpasiugda lamang sa labing hinungdanon nga mga punto.
- Granola — Mga field note sa init nga vellum—Ang Granola mabasa sama sa usa ka gisul-ob nga Moleskine notebook nga giablihan sa lamesa nga nasidlakan sa adlaw: ang mga serif heading naghatag og pagbati sa kalig-on, organikong berde nga mga accent sama sa tinta nga gikan sa tanom, ug pino nga mga linya sa mga kilid sa mga kard nga susama sa sinulat sa kamot nga mga nota.
- Secure — Ang panagsultihanay sa usa ka European cafe sa hilom nga kaadlawon usa ka mainiton ug istilo nga paagi sa video calling, diin ang mga serif nga ulohan sa balita morag usa ka mahunahunaon nga artikulo sa magasin imbes nga usa ka panid sa produkto sa teknolohiya.
- Mockups made easy — Studio sa disenyo sa editoryal sa puti nga papel