Superhuman
Zelta stundas redakcijas panelis
“Superhuman” atrodas starp redakcionālās fotogrāfijas un programmatūras lietotāja interfeisa krustpunktu — silts, pergamentam līdzīgs audekls (nekad tīri balts) ietver sarkanbrūnus zīmola elementus un spilgti violetus akcentus. Virsraksti, kas veidoti 460 grādu fontā, drīzāk čukst, nevis kliedz, ļaujot pilnas lapas kinematogrāfiskai fotogrāfijai veikt smago darbu, savukārt caurspīdīgas produktu lietotāja interfeisa kartītes virs attēliem peld kā stikls. Palete lielākoties saglabājas mierīga un redakcionāla: krēmkrāsas virsmas, ogles krāsas teksts, smalkas silti pelēkas apmales un dāsnas atstarpes starp elementiem, krāsa rezervēta apzinātai zīmola pieturzīmēm — viens sarkanbrūns aicinājums uz darbību, violetas saites, gaiši ceriņkrāsas pievienošanas poga. Sistēma apzināti izvairās no spēcīgām ēnām un gradientiem lietotāja interfeisa virsmās; dziļums tiek panākts, izmantojot slāņotu fotogrāfiju un smalku fona izpludināšanu virsrakstā, nevis ar sakraušanas efektu.
Galvenais elements ir pilna platuma fotogrāfija ar centrētu virsrakstu (48–64 pikseļi/460) un vienu aicinājumu uz darbību, kas aizpildīts ar vīna attēlu, ar peldošām caurspīdīgām produkta lietotāja interfeisa kartītēm, kas pārklātas kreisajā un labajā malā. Zem galvenā elementa ir balta svītraina logotipa josla (6 šūnas rindā, maksimālais platums ierobežots), pēc tam cilnes sadaļa ar baltām karšu virsmām uz pergamenta audekla. Tumša tirkīza josla pārtrauc ritmu apmēram divās trešdaļās lapas — pilna platuma, divas kolonnas (attēls kreisajā pusē, teksts labajā pusē) —, radot vienīgo tonālo kontrastu ritinot. Seko gradienta atmosfēriska josla. Vertikālā atstarpe starp sadaļām ir 64–96 pikseļi. Maksimālais satura platums ir ~1200 pikseļi centrēts, galvenajam elementam un tumšajai joslai aptverot visu skata loga platumu. Navigācija ir viena fiksēta galvene ar izplūdušu fonu; nav sānu joslas, nav mega izvēlnes. Kājene ir pilna platuma bordo lapa ar vairāku kolonnu saišu izkārtojumu. Kopējais ritms ir šāds: galvenais kadrs → mierīgs balts/krēmkrāsas saturs → tumša josla ar galveno attēlu → atmosfērisks gradients → bordo krāsas apakšdaļa, mainīgas gaišas un tumšas svītras, lai radītu redakcionālu tempu.
Galvenais vizuālais elements ir kinematogrāfiska fotogrāfija: pilna platuma portrets pret klajām debesīm kalpo par centrālo punktu, bet otra atmosfēriska josla novietota zemāk lapā. Attēls ir silti tonēts, smalki pieklusināts un uzņemts profilā, atgādinot zelta stundu, radot drīzāk redakcionālu, nevis korporatīvu sajūtu. Tumša josla ar caurspīdīgiem ģeometriskiem taisnstūriem un ar roku rakstītiem uzrakstiem ir uzlikta virs fotogrāfijas, kurā attēlots vīrietis, kurš ir iegrimis domās — virsmu kolāža, nevis viens attēls. Lietotāja saskarne ir attēlota kā peldošas stikla kartītes, kas tieši uzliktas uz fotogrāfijas, nevis kā atsevišķi ekrānuzņēmumi. Nav attēlu krājumu ilustrāciju, nav 3D renderējumu un nav abstraktu dekoratīvu formu, izņemot gradienta atmosfērisko joslu. Ikonas ir minimālistiskas vienkrāsainas līniju ikonas, ~16–20 pikseļi platas, ar vienu platumu, kas atbilst 460 punktu teksta biezumam.
Palete
Zīmols
- Midnight Wine
#421d24— Galvenās darbību pogas, reklāmkarogs un kājene ir siltā, gandrīz melnā bordo krāsā, kas vairāk atgādina tinti nekā sarkanu, noenkurojot krāsu paleti, nebūdami pārspīlēti. - Royal Violet
#714cb6— Violeta krāsa tiek izmantota, lai izceltu saites, tagus un īsas frāzes. To nevajadzētu izmantot kā galveno krāsu aicinājumiem uz darbību.
Neitrāls
- Lilac Mist
#d4c7ff— Otrreizējās virsmas aizpildījums, gaišās ikonas un spoku pogu foni ir veidoti klusinātā violetā krāsā, kas norāda uz zīmola stilu, nepievēršot sev lieku uzmanību. - Deep Lagoon
#0c4243— Tumšais lentes fons, kas izmantots kā galvenais naratīvais elements, ir vienīgā tumšā virsma sistēmā, kas apvienota ar pārklātu ģeometrisku rakstu. - Warm Parchment
#f2f0eb— Lapas darba virsma ir dominējošais elements; silta krēmkrāsa aizstāj balto kā pamatni, piešķirot visai sistēmai redakcionālu siltumu. - Soft Mist
#e3e3e2— Smalkas apmales, karšu kontūras, dalāmās līnijas — silta, gaiši pelēka krāsa, kas saplūst ar pergamentu, bet skaidri iezīmē malas. - Ink Charcoal
#292827— Pamatteksts, virsraksti, ikonu kontūras — silta, gandrīz melna krāsa ar pietiekami daudz brūnas krāsas, lai tā justos kā tinte uz papīra, nekad auksta #000 - Stone Gray
#666666— Otrais pamatteksts, palīgteksti, diskrēti apraksti — viens vidēji pelēks tonis, izmantots taupīgi, lai nekad nekonkurētu ar galveno tekstu.
Tipogrāfija
no 12 līdz 64 pikseļiem · 8 soļi
- Super Sans VF — nomaiņa: Inter (closest open equivalent for variable weight range) · kontūras 460, 500, 540, 600, 700 · Viens fonts visā sistēmā. Asu mainīgie aptver diapazonu no 460 (raksturīgs, nedaudz apgriezts fonts visam lielajam virsrakstu tekstam) līdz 540 (uzsvērts pamatteksts) un 700 (mazi, treknrakstā rakstīti paraksti). Īpaši izstrādāts vizuālais režīms (VF) liek 460 biezuma virsrakstiem izskatīties pārdomātākiem, nevis nejaušiem — ar 48–64 pikseļiem un ciešu burtu atstarpi "nedaudz apgrieztā" efekts tiek uztverts kā pārliecināts, nevis plāns.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | blīvs |
| Pamata solis | 8px |
| Pogas rādiuss | 16px |
| Kartes rādiuss | 16px |
| Ēnas | nē — robežas ēnu vietā |
| Starp sekcijām | 64-96px |
| Lapas platums | 1200px |
Mākslīgais intelekts izveidos jūsu vietni Superhuman stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- AI for Business — Brutālisma redakcijas izstāžu zāle siltos pelēkos toņos
- Jeton — Redakcijas sleja par finanšu tehnoloģijām uz siltā marmora
- Airtable — Mājīgs seminārs ar nodaļām, kas iezīmētas dažādās krāsās
- Osmo — Izstrādātāju muzejs uz pelēkā betona
- Linktr — Redakcijas plakāti ir sakrauti kā konfektes. Tīmekļa vietne ir veidota krāsu blokos ar spilgti zaļiem virsrakstiem uz kobaltzilu sienu fona un baltiem tabletes formas navigācijas elementiem, kas peld virs bordo krāsas laukiem.
- Outsource Consultants — Lielformāta arhitektūras lapa uz kaula papīra. Monogrāfiska estētika, kur viens spilgts indigo laukums pārtrauc citādi silto, tipogrāfiski maksimālistisko režģi.
- Streamtime — Taktils radošās noskaņas dēlis - dizainera albumu veidošanas galds
- Switch-Lit — Redakcijas režģis, kas iespiests ar tinti uz krēmkrāsas papīra
- HubSpot — Silti krēmkrāsas papīra krāsa ar vienu oranžu akcentu. HubSpot atgādina dizaineru žurnālu, kas drukāts uz bieza papīra — serifveida virsraksti, silti krēmkrāsas lapas un viens ugunīgi oranžs akcents, kas izceļ tikai vissvarīgākos punktus.
- Granola — Lauka piezīmes uz silta pergamenta — Granola lasās kā novalkāta Moleskine piezīmju grāmatiņa, kas atvērta uz saules apspīdēta galda: serif virsraksti piešķir stabilitāti, organiski zaļi akcenti, piemēram, augu izcelsmes tinte, un smalkas līnijas karšu malās, kas atgādina ar roku rakstītas piezīmes.
- Secure — Saruna Eiropas kafejnīcā maigā dienasgaismā ir silts un stilīgs videozvanu veids, kur serif virsraksti lasāmi kā pārdomāts žurnāla raksts, nevis tehnoloģiju produkta lapa.
- Mockups made easy — Redakcijas dizaina studija uz balta papīra