Subframe
Mufananidzo uri papepa rinodziya. Pepa rekugadzira, apo kurova kwega kwega kungave graphite kana eraser, harimbopendi—kudzika kunowanikwa kuburikidza nekukora kwemutsetse uye ma serifs mashoma.
Subframe inzvimbo yekushandira yevagadziri vemafirimu matema: kanivhasi inodziya, ine kirimu, inki nhema-girafu, uye hapana zvachose ma accents echromatic. Iyo interface yese inoonekwa sechinhu chimwe chete - bepa, penzura, uye mumvuri - ine kubata kumwe kwakasimba kwekunyora: serif yakagadziriswa (Instrument Serif) yakaiswa pa systematic sans-serif (Inter), zvichiita kuti misoro yenhau iwedzere kunaka. Nzvimbo dzakati sandara uye dzakafuremu pane kukwidziridzwa; kudzika kunowanikwa kuburikidza nezvikamu zvitete mu #e5e7eb uye ma inset highlights pane dark controls pane mumvuri. Density yakakura: rhythm yakafara yakamira (48–64px yemipata pakati pezvikamu), pakati, marongero akazara, uye nzvimbo chena yakawanda yakatenderedza rugwaro. Ruvara chete mutsauko uripo pakati pe near-white ne near-black, zvichiita kuti bhatani rerima rive chinhu chinoyevedza pane peji rega rega, uye strip yema logo emubatsiri ane mavara egrey ndiyo chete chinhu chinoyevedza chinoonekwa.
Marongero akazara, akafara pakati (1200px) ane mutinhimira wakatwasuka. Chinhu chikuru ibhuroko rimwe chete, rakapakati: control yakasviba, yakapatsanurwa pamusoro, musoro mukuru we "Inter", musoro mudiki wemutsara mumwe chete, uye mabhatani maviri ari pedyo (akazadzwa + anopenya)—hapana mufananidzo wepadivi, hapana kupatsanurwa kwerongerwo. Pasi pechinhu chikuru pane mutsetse wegrayscale wepakati. Chikamu chimwe nechimwe chinotevera chinotevera patani imwechete: musoro wakatarisana kuruboshwe nebhuroko remusoro mudiki, ipapo furemu yekuratidzira chigadzirwa chakazara ine nzvimbo yemugero we48–64px pakati pezvikamu. Kufamba kwakaderera: top bar ine malink akatarisana nepakati uye zviito zvakapatsanurwa kurudyi, hapana sidebar, hapana mega-menu. Peji rinoverenga kubva kumusoro kusvika pasi senhevedzano yezvirevo zvakapakati, imwe neimwe yakapihwa nzvimbo yakakwana—rongerwo yacho inonzwa kunge portfolio yekunyora pane peji rechigadzirwa rakabatikana.
Dhizaini yekuona haina zvakawanda uye inoshanda. Sisitimu iyi inoshandisa nzira mbiri dzekuona: (1) mapikicha ezvigadzirwa akaumbwa nemafuremu uye maUI mockups akavharirwa mumafuremu e24px-radius—anoratidza zvikamu zve interface chaiyo (matafura, mabhatani, mafomu) anoratidzwa mu monochrome palette imwe chete, zvichiita kuti mapikicha aonekwe akabatanidzwa zvakanaka mupeji; (2) chidimbu chimwe chete chemalogo e grayscale partner chinoshanda sechiratidzo chemagariro evanhu, chakagadzirwa chakati sandara, chisina ruvara kana midziyo. Hapana mifananidzo yehupenyu, ma gradients abstract, kana 3D renders. Chinhu chimwe chete chinoratidza i "tile" yechigadzirwa chakasviba, chakatarisana neshure rinodziya regrey rine chiratidzo chechiratidzo—chinoonekwa sechiratidzo chechigadzirwa, kwete chekushongedza. Mifananidzo yese inogara muchimiro chemavara, uko huremu hwekuona hunotakurwa nemavara.
Palette
Kwakarerekera
- Page Canvas
#fafafa— Kumashure kwepeji, kadhibhodhi riri pakanvas, rugwaro rwakajeka panzvimbo dzakasviba - ruvara ruchena runodziya rwuri pasi pehurongwa hwese hwe monochrome. - Hairline Border
#e5e7eb— Zvikamu zvinoparadzanisa, miganhu yemakadhi, mafuremu emifananidzo, zviratidzo zvemaicon - rudzi rwemufananidzo unonyanya kushandiswa muhurongwa, zvinotsanangura chimiro chenzvimbo. - Card Surface
#ededed— Nzvimbo yakasimudzwa yemakadhi, imwe nzvimbo yakawedzerwa - iri pamusoro pekanzuru, zvichiita kuti pave neboka risina mimvuri. - Divider Mid
#dadada— Midhi dividers uye kuchinja pakati pezvikamu - Graphite
#242424— Kuzadza kwakanyatsosiyana-siyana kwemabhatani ekutanga panzvimbo dzakareruka. - Ink Black
#171717— Rugwaro rwemuviri, misoro, marongerwo ezviratidzo - zvinotonhorera zvishoma pane Graphite, zvinoshandiswa pakunyora kwete pazviso.
Kunyora
kubva pa12 kusvika pa128px · nhanho 7
- Inter — kutsiva: Inter (Google Fonts) · marongero 500, 600, 700 · Chimiro chesystem che sans-serif—kufamba-famba, rugwaro rwemuviri, mabhatani, misoro midiki, uye misoro yezvikamu. Kurema: 500 yezvinyorwa zvemuviri uye zvinodzora, 600 yemisoro midiki uye ma accents ekufamba-famba, uye 700 yemisoro yezvikamu. Kupatsanurana kwemavara kwakasimba kunomanikidza maumbirwo ejometri chero saizi, zvichiita kuti interface ive yakapfupikiswa uye ine hunyanzvi.
- Instrument Serif — kutsiva: Playfair Display · marongero 400 · Runyoro rweserif rwakagadzirirwa misoro yenhau nezvinyorwa zvekunyora. Runyoro rwayo rwemabhii 400 huremu uye -0.025em zvinopa chitarisiko chakanaka, chakatsveyama chinosiyana nemaitiro eindasitiri eInter—nzira yekunyora: izwi rimwe chete reserif kana chirevo chiri mukati mepeji resans-serif, chinoshanda sechiratidzo chekuona kwete semusoro wenyaya.
- Fragment Mono — kutsiva: JetBrains Mono · marongero 400 · Mono yeAccent yezvikamu zvakaita sekodhi, ma tag labels, uye ma technical callouts. Kana ikashandiswa zvishoma, inoonekwa mu function lists uye inline annotations apo dhizaini inoda kuratidza kuti "iyi ndiyo machine output."
Zvikamu uye chimiro
| Chinangwa | Zvinoreva |
|---|---|
| Kuwanda kwevanhu | avhareji |
| Danho rekutanga | 8px |
| Radiyo yebhatani | 16px |
| Nharaunda yekadhi | 24px |
| Mimvuri | kwete - miganhu panzvimbo pemumvuri |
| Pakati pezvikamu | 64px |
| Upamhi hwepeji | 1200px |
AI ichavaka webhusaiti yako nenzira ye Subframe 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
- monopo saigon — Kupenya kwemvura, kunopenya kuseri kwekunyarara kwekunyora—mufananidzo wekunyora wemonochrome wakayangarara pachiedza chakanyungudutswa
- Hyer Aviation — Kusviba kwemutyairi wendege pamusoro peganda. Denga remambakwedza rakachenuruka rinosangana nechiratidzo che serif chakaenzana ne fuselage, uye izwi rimwe chete revhu rinodziya rinopwanya chivharo che monochrome.
- OFF+BRAND. — Dunhu rinopenya rakaita serinopenya paganda rinodziya
- Seed — chipenyu chiri pasi pegirazi remurabhoritari
- Eindhoven Design District — Utsinye hwevanyori papepa jena igwaro rekugadzira remakanzuru, rinoitwa nemavara makuru, risina mifananidzo yakawanda uye risina kudzorwa zvachose.
- Miranda — Rudzi rwekare rwakafara rwemanyorerwo ari pamusoro pechidzitiro chakareruka—chinyorwa chepepanhau chenguva yedhijitari
- Monocle — Pepa repamusoro-soro, rakafara uye rine pepa rakaita sekirimu. Nyaya yacho yakanyatsorongwa, uko koramu yega yega inokodzera nzvimbo yayo, uye ruvara rumwe chete rune zvarunoreva runoonekwa papeji.
- Agencja brandingowa — Garari rekunyora rine mavara machena rine manyorerwo akaitwa neinki nhema
- Websmith Studio — Chiedza chemangwanani papepa rekirimu
- Aspelin Reitan — Kuchengetedzwa Kwezvivakwa Nechiedza Chemakenduru - Peji rinotaridzika senzvimbo dzakavakwa, dzakanamirwa pamadziro anodziya, nemutsara mumwe chete wemavara machena akayangarara pamusoro pemufananidzo wega wega wakafara peji rese.
- Public — Chinyorwa chemavara matema chine mavara matema—chinenge chiine mavara matema, chine mavara emhando ye300-point serif uye ruvara rwepepuru rumwe chete ruchiita basa rese remavara.
- Motto — Chinyorwa chikuru chekunyora chiri papepa - inzwi rimwe chete, rine chivimbo richizvizivisa papepa jena sechando