Superhuman
altyn sagat redaksiýa paneli
Superhuman redaksiýa fotosuratçylygynyň we programma üpjünçiliginiň interfeýsiniň çatrygynda ýerleşýär — ýyly, pergament ýaly kanwast (hiç haçan arassa ak däl) gara reňkli brend elementlerini we janly gyrmyzy reňkli aksentleri çarçuwalaýar. 460 şriftde ýerleşdirilen sözbaşylar gygyrmagyň ýerine pyşyrdaýar, bu bolsa doly sahypaly kinematografik suratçylygyň agyr işleri ýerine ýetirmegine mümkinçilik berýär, şol bir wagtyň özünde şeffaf önüm interfeýsi kartlary suratlaryň üstünde aýna ýaly ýüzýär. Palitra köp wagt asuda we redaksiýa häsiýetli bolup galýar: krem reňkli ýüzler, kömür reňkli tekst, inçe ýyly-çal çäkler we elementleriň arasyndaky giň aralyklar, bilgeşleýin brend punktuasiýalary üçin reňkler — ýeke-täk gara reňkli çagyryş, gyrmyzy baglanyşyklar, açyk gyrmyzy reňkli goşmaça düwme. Ulgam interfeýs ýüzlerinde güýçli kölegelerden we gradientlerden bilgeşleýin gaça durýar; Çuňluk gatlakly suratçylyk we adyň içindäki inçe fon bulanyşygy arkaly gazanylýar, üst-üst etmek täsiri arkaly däl.
Esasy element merkezleşdirilen sözbaşysy (48-64px/460) we şerap suraty bilen doldurylan ýeke-täk çagyryşly doly giňlikdäki fotosuratdyr, çep we sag gyralarynda ýüzýän şeffaf önüm UI kartlary ýerleşdirilen. Esasy elementiň aşagynda ak zolakly logotip zolagy (her setirde 6 öýjük, iň ýokary giňlik çäklendirilen), soňra pergament kanwasynda ak kartoçka ýüzleri bolan tab bölegi bar. Gara firuze zolak sahypanyň üçden iki böleginde ritmi bozýar - doly giňlik, iki sütun (çepde surat, sagda tekst) - aýlananyňyzda ýeke-täk tonal kontrast döredýär. Gradient atmosfera zolagy yzyndan gelýär. Bölümleriň arasyndaky dik aralyk 64-96px. Mazmun giňligi iň ýokary merkezleşdirilen ~1200px, esasy element we gara zolak görnüş meýdançasynyň doly giňligini gurşap alýar. Nawigasiýa bulanyk fonly ýeke-täk berk sözbaşydyr; gapdal panel ýok, mega menýu ýok. Aşakky bölüm köp sütunly baglanyşyklar düzümi bolan doly giňlikdäki bordo sahypadyr. Umumy ritm: esasy kadr → asuda ak/krem reňkli mazmun → esasy suratly gara zolak → atmosfera gradienti → bordo reňkli aşaky gatlak, redaksiýa temposyny döretmek üçin ýagty we gara zolaklary çalyşdyryp görkezýär.
Esasy wizual element kinematografik suratçylykdyr: açyk asmanyň fonunda doly giňlikdäki portret esasy nokada bolup hyzmat edýär, ikinji atmosfera zolagy sahypanyň aşagynda ýerleşýär. Surat ýyly reňkde, ýumşak sessiz we profil görnüşinde düşürilip, altyn sagady ýada salýar, korporatiw duýgudan has redaksiýa duýgusyny döredýär. Fikirlere batyp galan adamyň suratynyň üstünde şeffaf geometrik gönüburçluklar we elýazma ýazgylary bolan garaňky zolak ýerleşdirilipdir - ýeke-täk surat däl-de, ýüzleriň kollažy. Ulanyjy interfeýsi aýratyn ekran suratlary hökmünde däl-de, suratyň üstüne gönüden-göni ýerleşdirilen ýüzýän aýna kartoçkalar hökmünde görkezilýär. Stok suratlary, 3D renderler we abstrakt bezeg görnüşleri ýok, gradient atmosfera zolagyndan başga. Nyşanlar minimalist monohrom çyzyk nyşanlarydyr, ~16-20 piksel giňlikde, ýeke-täk giňlik 460 nokatly tekst agramyna laýyk gelýär.
Palitra
Brend
- Midnight Wine
#421d24— Esasy hereket düwmeleri, banner mahabaty we aşaky kolontitul gyzyldan has köp syýa ýaly duýulýan ýyly, diýen ýaly gara bordo reňkidir we reňk palitrasyny güýçli däl-de, berkidip durýar. - Royal Violet
#714cb6— Gyrmyzy reňk baglanyşyklary, tegleri we gysga sözlemleri bellemek üçin ulanylýar. Ol herekete çagyryşlar üçin esasy reňk hökmünde ulanylmaly däldir.
Neýtral
- Lilac Mist
#d4c7ff— Ikinji derejeli ýüz doldurgyç, ýagtylyk nyşanlary we arwah düwme fonlary özüne artykmaç üns çekmezden, brendiň stilini görkezýän ýumşak gyrmyzy reňke eýedir. - Deep Lagoon
#0c4243— Esasy gürrüň beriji element hökmünde ulanylan zolak üçin garaňky fon, üst-üst edilen geometrik nagyş bilen utgaşdyrylan ulgamdaky ýeke-täk garaňky ýüzdir. - Warm Parchment
#f2f0eb— Sahypanyň iş ýüzi esasy element bolup durýar; esasy hökmünde ak reňkiň ornuny ýyly krem reňk eýeleýär we tutuş ulgama redaksiýa ýylylygyny berýär. - Soft Mist
#e3e3e2— Inçe serhetler, kartoçka konturlary, bölüji çyzyklar — pergament bilen garyşýan, ýöne gyralaryny aýdyň kesgitleýän ýyly, açyk çal reňk. - Ink Charcoal
#292827— Esasy tekst, sözbaşylar, nyşanlaryň konturlary - kagyzda syýa ýaly duýuljak derejede goňur reňkli, ýyly, diýen ýaly gara reňk, hiç haçan sowuk däl #000 - Stone Gray
#666666— Ikinji derejeli esasy tekst, goldawçy tekstler, gizlin düşündirişler - esasy tekst bilen hiç haçan bäsleşmezlik üçin seýrek ulanylýan ýeke orta çal reňk.
Tipografiýa
12-den 64 piksele çenli · 8 ädim
- Super Sans VF — çalyşmak: Inter (closest open equivalent for variable weight range) · konturlar 460, 500, 540, 600, 700 · Tutuş ulgamda ýeke-täk şrift. Ok üýtgeýänleri 460-dan (ähli uly sözbaşy tekstleri üçin gol çekilen, biraz kesilen şrift) 540-a (basylan esasy tekst) we 700-e (kiçi, galyň ýazgylar) çenli aralygy öz içine alýar. Ýörite dizaýn edilen VF 460 agramly sözbaşylary tötänleýin däl-de, has maksatly görkezýär - 48-64 piksel ölçegde, harplaryň aralygy gysga bolanda, "biraz kesilen" täsir inçe däl-de, ynamly hökmünde kabul edilýär.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | dykyz |
| Esasy ädim | 8px |
| Düwme radiusy | 16px |
| Kart radiusy | 16px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
| Bölümleriň arasynda | 64-96px |
| Sahypanyň giňligi | 1200px |
Süni intellekt web sahypaňyzy Superhuman stilinde gurar we ony doldurar
- Instagram, TikTok, Facebook salgylary arkaly önümler we ýazgylar bilen dolduryň.
- Köne saýtyňyzdan mazmuny göçüriň — diňe salgyny görkeziň.
- Iň gowy motorda döwrebap dizaýn: React ( Next.js) serwer renderi we SEO optimizasiýasy bilen gyssagly ýagdaýda.
- Gözleg netijeleri we neýron tor maslahatlary üçin doly awtomatlaşdyrylan SEO optimizasiýasy.
Meňzeş stiller
- AI for Business — Ýyly çal reňklerde redaksiýanyň redaksiýa salony
- Jeton — Ýyly mermerde fintech barada redaksiýa makalasy
- Airtable — Dürli reňkler bilen bellenen bölümleri bolan rahat seminar
- Osmo — Çal betonda gurluşykçylaryň muzeýi
- Linktr — Redaksiýa plakatlary süýji ýaly üst-üste goýulýar. Web sahypasy reňkli bloklarda dizaýn edilen, açyk ýaşyl başlyklar kobalt-gök diwarlaryň fonunda ýerleşdirilen we ak tabletka şekilli nawigasiýa elementleri bordo meýdanlarynyň üstünde ýüzýär.
- Outsource Consultants — Süňk kagyzyndaky uly formatly arhitektura kagyzy. Indigo reňkiniň ýekeje ýagty bölegi başgaça ýyly, tipografik taýdan maksimalist toruny bölýän monografik estetika.
- Streamtime — Taktil döredijilik duýgusy tagtasy - dizaýner skrapbuking stoly
- Switch-Lit — Kremli kagyza syýa bilen çap edilen redaksiýa setkasy
- HubSpot — Ýekeje mämişi reňkli ýyly krem kagyz reňki. HubSpot agyr kagyzda çap edilen dizaýner žurnalyna meňzeýär — serif sözbaşylary, ýyly krem sahypalary we diňe iň möhüm nokatlary nygtaýan ýekeje otly mämişi reňkli reňk.
- Granola — Gyzgyn pergamentdäki meýdan bellikleri — Granola gün şöhlesi düşen stoluň üstünde açylan köne Moleskine depderi ýaly okaýar: serif sözbaşylary berklik duýgusyny berýär, ösümlik esasyndaky syýa ýaly organiki ýaşyl reňkler we kartlaryň gyralarynda el bilen ýazylan bellikleri ýatladýan inçe çyzyklar bar.
- Secure — Ýewropa kafesinde ýumşak gün şöhlesinde geçirilýän söhbetdeşlik wideo jaňlaryň mähirli we owadan görnüşi bolup, serif sözbaşylary tehnologiýa önümi sahypasy däl-de, oýlanyşykly žurnal makalasy ýaly okaýar.
- Mockups made easy — Ak kagyzda redaksiýa dizaýn studiýasy