Letters
Kusangana mangwanani pakiriniki yakashama—tafura chena isina tsvina pasi pedenga rebhuruu rakapfava, rakazadzwa nezvinhu zvekuvhiya zvebhuruu
Tsamba chishandiso chekunyora tsamba dzekurapa chinotanga nemusoro wedenga wakavhurika—mutsetse webhuruu wakapfava, unogadzira mamiriro ekunze akadzikama, ekurapa—usati wachinja kuenda kunzvimbo yekushandira yakachena chena. Sisitimu iyi yakagadzirwa nenzira ye monochrome: kanivhasi chena yakachena, rugwaro rutema (#070709), dema rakaita sepiritsi rinoita chiito, uye makadhi akatenderera anoyangarara pamumvuri wakaoma. Ruvara rumwe chete rwebhuruu rwakajeka (#2597d0) rwakachengeterwa zviratidzo zvekunyora zvinoshanda—zviratidzo, ma micrographics, vatambi ve waveform—hazvina kumboshandiswa mabhatani kana mafills makuru. Kunyora uku kunoshandisa Open Runde, geometric humanist sans-serif ine aggressive negative letter spacing pahukuru hwescreen (-0.04em pa80px), iyo inodzvanya misoro kuita mabhuroko ane chivimbo. Zvikamu zvinonzwa zviri nyore, sechishandiso chekurapa: mabezels matete, greatest card spacing, mabhatani akaita sepiritsi, uye kushandiswa kwakavanzika kwekukwirira kunobvumira musoro wedenga kuita basa remanzwiro.
Peji rekutanga regradient rebhuruu rinofukidza upamhi hwese hwepeji, rine musoro wepakati nepasi, uye bhatani rekudana-kuita-chiito riri pazasi. Rinoshanduka zvakanaka kuita nzvimbo yemukati mechena ine nzvimbo yakakura pakati pezvikamu (80-120px). Zvikamu zvemaficha zvinoshandisa grid ine makoramu maviri emakadhi makuru, akatenderera (18-32px radius) akaenzana. Misoro yezvikamu inogara iri pakati, mukoramu imwe chete, pamusoro pegrid yemakadhi. Navigation ibar yepamusoro chena yakagadziriswa ine cluster yepakati ye links uye zviito zvekupinda zvakarongwa kurudyi. Rhythm yese imutsara mukuru mumwe chete, wemhepo, wobva wachinjana zvikamu zvichena uye #f5f5f5 zvine nzvimbo yekufema yakatwasuka. Hapana sidebar, hapana mega-menu, hapana marongero asina kufanana—peji rinoita sekoramu yakadzikama, yakaenzana.
Dhizaini yekuona inenge yakatarisana zvachose nekushandiswa kwechigadzirwa—hapana mapikicha ehupenyu, hapana mifananidzo ye3D isina kujeka. Mutauro wekuona wakavakirwa pamakadhi echigadzirwa anoratidza chimiro chepakutanga cheapp: kuenzanisa magwaro ekuti "Before" uye "After", nzvimbo yekurodha ine muganhu une madotsi, uye chinoridza ruzha muchimiro chewaveform. Chinhu chega chega chinoonekwa mumhepo igradient yedenga mumufananidzo mukuru. Maicon acho akati sandara, ane ruvara rumwe chete #2597d0 (envelopu, maikorofoni, chiratidzo chekutarisa) ane huremu hwemitsara yakafanana, pasina misiyano yakazara. Maitiro emifananidzo akaganhurirwa: mockups dzechigadzirwa dzinoratidzwa pamashure machena, dzakatenderedzwa zvishoma kuti dzigadzire kudzika, hadzimboregi kutsveyama zvakanyanya. Font yakanyorwa nemaoko (The Doctor) ndiyo yega chinhu cheorganic/chakagadzirwa nemaoko, chinoshandiswa chete kuratidza runyoro rwekiriniki pakadhi rekuti "Before".
Palette
Rudzi
- Surgical Blue
#2597d0— Ma icons, chiratidzo chemaikorofoni, chinoridza mafungu enzwi, uye ma accents madiki anogadzira chromatic note imwe chete mukati me interface.
Kwakarerekera
- Obsidian
#070709— Kopi yemuviri, mabhatani ekudanwa-kuita-chiito akazadzwa, uye maUI elements akasviba—anenge ari matema zvinosarudzwa pachinzvimbo che #000 chaiyo kuti musiyano unyatsoenderana neshure kwechena. - Paper White
#ffffff— Kumashure kwepeji, nzvimbo dzemakadhi, uye rugwaro rwemabhatani ndizvo zvinonyanya kuratidzwa muzvikamu zvese zviri pasi pechinhu chikuru. - Cloud Gray
#f5f5f5— Mamwe makadhi epamusoro nemativi ekumashure zvinoparadzanisa mabhuroko anoshanda kubva kucanvas huru. - Sky Tint
#d7e6f5— Mumvuri wefuremu yekadhibhodhi uye toni yebhuruu isinganyatsooneki pamusoro zvinogadzira kunzwa kwemhepo, kwete kuchena. - Charcoal
#60606c— Rugwaro rwekutanga, rugwaro rwechipiri, uye miganhu isina kujeka - ruvara rwakanyanya rwezvinhu zvisina musoro. - Slate
#8b8b8b— Manyoro madiki uye miganhu isingashande - zvinoshandiswa kuratidza nzvimbo uye kuona kuti vanhu vakaremara vanogona kusvika.
Kunyora
kubva pa12 kusvika ku80px · nhanho 8
- sans-serif — kutsiva: Inter · marongero 400, 700 · sans-serif - inowanikwa mudata rakatorwa asi risina kutsanangurwa neAI.
- Open Runde — kutsiva: Inter Tight · marongero 400, 500, 600, 700, 900 · Fonti huru yemisoro yenyaya uye kufamba ndeye geometric humanist, ine miganhu yemavara akamanikana pahukuru hwakakura; -0.04em pa 80px inodzvanya musoro wenyaya kuita bhuroko rimwe chete, rine chivimbo. Shandisa pamisoro yese, kufamba, uye mavara makuru.
- Inter — kutsiva: system-ui · marongero 400, 500 · Muviri wechipiri neUI text - zvinoshandiswa pamisoro midiki, zvinhu zvekufamba, uye zvinongedzo zviri mukati memutsara uko kunodiwa rhythm yekuverenga isina kwakarerekera. Zvinobatanidzwa neOpen Runde kugadzira musiyano wehierarchical.
Zvikamu uye chimiro
| Chinangwa | Zvinoreva |
|---|---|
| Kuwanda kwevanhu | gobvu |
| Danho rekutanga | 12-16px |
| Radiyo yebhatani | 100px |
| Nharaunda yekadhi | 18px |
| Mimvuri | kwete - miganhu panzvimbo pemumvuri |
| Pakati pezvikamu | 80-120px |
| Upamhi hwepeji | 1200px |
AI ichavaka webhusaiti yako nenzira ye Letters uye ichaizadza
- Zadza nezvigadzirwa uye zvinyorwa uchishandisa chinongedzo - Instagram, TikTok, Facebook.
- Tumira zvirimo kubva pawebsite yako yekare—ingo taura kero yacho.
- Dhizaini yemazuva ano painjini yakanakisisa: React ( Next.js) ine server rendering uye SEO optimization zviri nyore.
- Kugadzirisa SEO otomatiki zvizere kuti uwane mhinduro dzekutsvaga uye mazano e neural network.
Mafashoni akafanana
- Integrated Biosciences — laboratory ye bioluminescence pakati pehusiku
- Mintlify — Bindu regore riri pamusoro petafura yegirazi. Denga rakadhirowewa nemaoko nefirimu zvakaiswa pamwe chete—nzvimbo chete apo ruvara nepfungwa zvinosangana peji risati rapera kuita jena remamongi.
- Gleap — Nzvimbo yekushandira yakashongedzwa nemavara anodziya ekirimu ane magirafu—studio ine madotsi einki nhema asina kusimba anoita seanoyangarara pamusoro pemagadzirirwo erineni.
- Render — Dhizaini yacho iri paaruminiyamu yakarukwa. Chiratidziro chacho chinoita segwaro rakachena, rejiyometri—nzvimbo chena, mitsetse mitete, uye mutsetse mumwe chete wepepuru unokwezva pfungwa kune chiito.
- Grafbase — dhizaini yeinjiniya padombo rinotonhora
- Slash — Chivako chepakati pehusiku chine magwaro egoridhe
- Modal — Chiteshi che phosphorescent chiri mukamuri re server rakasviba - chiedza chega chinobva ruvara rwegirini rakajeka
- Whimsical — Inki yeplum yakawanda iri pamucheto weruvara rwelavender—bhuku rekunyora zvinhu zvekugadzira rinoshandawo sebhodhi rekugadzira.
- AgentQL — Mwenje yekuchamhembe iri pamusoro pechiteshi chemagetsi husiku
- Alveos One — Nzvimbo yekupotera inotonhorera yakagadzirwa nematombo erwizi - imba yakanyarara, ine chiedza chekrimu umo chinhu chimwe chete chegirafiti chinogara muchiedza cheamber chakapfava.
- GitHub — Panera remirairo yemuchadenga rine nzvimbo dzekudzora dzinopenya-nzvimbo yekushanda ine rima, ine rima uko chiedza chegirini chimwe chete chinonongedzera nzira yekumberi.
- Buddy — Mufananidzo weinjiniya uri papepa regirafu. Pamusoro pemufananidzo muchena pane grid isinganyatsooneki, yakaiswa neinki nhema, ine mavara egirini-yegirini anopenya uye mitsetse yegirini inopenya.