Framer
gallery ye neon muchivande
Framer inoshanda serima guru—canvas dema apo zviri mukati zvinotenderera sechiratidzo che neon pakuvhurwa kwegallery. Misoro yenyaya, yakaiswa muGT Walsheim Medium ine miganhu yakamanikana ye0.8–1.1 uye miganhu yemavara asina kunaka (-0.04em pa54px), inogadzira typeface yakapfupikiswa, inoshongedza inosundira mberi pane kugara zvakanaka papeji. Ruvara rumwe chete rwebhuruu rwemagetsi (#0099ff) runopa ma accents ese anoshanda—miganhu, kupenya, ma icons, mamiriro anoshanda—ukuwo zvimwe zviri mu interface zvichiramba zvisina chromatic, zvichivimba nekuchinja kwegrey (#111, #171717, #242424) kugadzira kudzika kubva mudema rakachena. Zvikamu zvinonzwa zvichionekwa pane kushongedza: radii yakatenderera ye8–25px, miganhu mitete ye1px, mimvuri midiki yekudonha, uye nzvimbo dzinopenya dzinobvumira kuti nzvimbo isina chinhu ipenye.
Zvikamu zvehupamhi hwakazara zvinotambanuka kupfuura kanivhasi nhema, zvine zviri mukati zvinogumira paupamhi hwepamusoro hwe ~1200px uye zviri pakati nepakati. Chikamu chikuru chine musoro wakatarisana nekuruboshwe uye bhatani rimwe chete rekudana-kuita-chiito (CTA), nerutivi rwerudyi rwakasiyiwa rusina chinhu nemaune—zvisina kuenzana, zvisina pakati nepakati. Zvikamu zvinochinjana pakati pemarongero ezvinyorwa chete (musoro mukuru + subtext) uye mapikicha ezvigadzirwa. Chikamu che "Comes with Framer" chinoshandisa madziro elogo mugridi ine makoramu mana. Muchikamu chenharaunda, skrini yezvigadzirwa inoiswa mukati memudziyo wakatarisana, wakafara wakazara une makona akatenderera. Kufamba kwakaderera—bhawa repamusoro rakatetepa rine logo kuruboshwe uye malink akatarisana kurudyi, pasina ma control anooneka. Mutsetse wechikamu: mipata mikuru ye80px yakatwasuka pakati pezvikamu, zvichigadzira zvitsuwa zvakasiyana zvezviri mukati zvinoyangarara muvhu.
Mifananidzo yemushandisi wechinhu ichi inotonga—yakagadzirwa nehwindo rakaita sechrome rine madonhwe emagetsi, mifananidzo yemuchina wekushandisa inova mufananidzo mukuru. MaLogo, anoshanda sehumbowo hwemhando yepamusoro, anoratidzwa nemavara machena pamashure matema ane nzvimbo yakakura. Hapana mapikicha, mifananidzo, kana mifananidzo isina kujairika inoshandiswa—mutauro wekuona ndicho chigadzirwa chacho, chinoratidzwa sechinoonekwa. Maitiro echiratidzo: minimalist, akarongwa, monochrome uye chena muhukuru hudiki. Kuwanda kwemavara: kazhinji magwaro, nezvidimbu zvikuru dzimwe nguva muchimiro chemifananidzo yezvigadzirwa. Kuenzana kwenzvimbo kunonyatsofarira kunyora pane mifananidzo.
Palette
Rudzi
- Vivid Violet
#0066ff— Bhatani rekutanga rekuita ndiro chete nzvimbo iri muchimiro chemufananidzo apo kunoratidzwa bhatani rine ruvara rwakasimba.
Kwakarerekera
- Bone
#ffffff— Misoro mikuru, rugwaro rukuru rwuri pamusoro perima, mabhatani ekumashure ndiwo chete manyuko echiedza. - Void
#000000— Kanivhasi yemapeji, kumashure kwekufamba, nzvimbo dzemakadhi, kuzadzwa kwezviratidzo—zvose ruvara rutema rusingaperi runotora zvese zvisingakoshi. - Graphite
#111111— Nzvimbo dzakasimudzwa dzemakadhi dziri pamusoro penzvimbo isina chinhu—makadhi makuru, anoshanda uye midziyo yemodal. - Obsidian
#171717— Nzvimbo yepakati yemabhatani, makadhi ekuwedzera, kuzadza kweUI - inoparadzanisa zvinhu zvinodyidzana kubva kucanvas. - Slate
#242424— Pakutenderedza, nzvimbo dzekupinda uye mapaneru akatenderedzwa ndiwo mavara akajeka zvikuru asati achinja kuita fomati yemavara. - Ash
#333333— Zadza zvakadzama kuti uwane mifananidzo yekumashure isingashande uye zvinhu zvemuumbirwo.
Kunyora
kubva pa12 kusvika pa68px · 8 matanho
- sans-serif — kutsiva: Inter · marongero 400 · sans-serif - inowanikwa mudata rakatorwa asi risina kutsanangurwa neAI.
- GT Walsheim — kutsiva: Inter Tight · marongero 500 · Fonti yemisoro nemazita ndiyo fonti yerudzi. Yakapfupikiswa zvakanyanya, ine miganhu iri pakati pe0.8–1.1 uye miganhu yemabhii iri pakati pe -0.04em kusvika -0.05em muhukuru hwe44–68px. Haisi chinhu chekushongedza; kudziya kwejometri kweGT Walsheim, pamwe chete nematanho akasimba, zvinogadzira inzwi resystem - rine chivimbo, rakatetepa, uye rine ramangwana rakati fananei. Kuti uwane matauriro akafanana ejometri, funga nezveInter Tight kana Space Grotesk Bold.
- Inter Variable — kutsiva: Inter · marongero 400 · Rugwaro rukuru, kufamba, uye misoro yechipiri ndiyo workhorse. Inter Variable axis inobvumira interpolation yakapfava yehuremu. Kutevera kunodzikira sezvo saizi ichiwedzera: kubva pa -0.001em kusvika 18px uye kusvika pa -0.027em kusvika 22px. Shanduro iyi inobvumira micro-animations yakapfava yesaiti. Kutsiva: Inter ( Google) - kudzoka kwakafanana.
Zvikamu uye chimiro
| Chinangwa | Zvinoreva |
|---|---|
| Kuwanda kwevanhu | avhareji |
| Danho rekutanga | 10px |
| Radiyo yebhatani | 9999px |
| Nharaunda yekadhi | 20px |
| Mimvuri | kwete - miganhu panzvimbo pemumvuri |
| Pakati pezvikamu | 80px |
| Upamhi hwepeji | 1200px |
AI ichavaka webhusaiti yako nenzira ye Framer 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
- Auros — Chiteshi cheAbyssal chine mabhora edata ebioluminescent
- Origin Financial — Garari repakati pehusiku rine runyararo rwehupfumi. Kamuri rakanyarara, rine rima rine mafonti makuru eserif uye mapaneru mashoma ane mavara akajeka zvinoita kuti munhu anzwe sekuti mari ibasa reunyanzvi rakarongwa zvakanaka.
- Raycast — Nzvimbo Yekuraira Pakati Pehusiku, Coral Neon
- Dimension — nzvimbo yekushandira ine chiedza chezuva ine magirazi ane chando
- Reflect Notes — Nzvimbo ine nyeredzi yepepuru inzvimbo yekutarisa ine rima uko manotsi anoyangarara semapoka enyeredzi achitarisa kumashure kwenzvimbo isina chinhu yeindigo nhema.
- Ameba — Imba yekudzora pakati pehusiku - kurira kwebhuruu kwemagetsi mukati memagirazi ane chando
- Branding — Rusvingo rwemagallery matema, magallery matsvuku eropa - Mafonti machena makuru anoyangarara pacanvas yakasviba yakaita senzvimbo isina chinhu, inokanganiswa negallery imwe chete yakatsvuka yakajeka uye zvinhu zvinoyevedza zvekushongedza zvinoita sezviratidzo zvegallery kupfuura web interface.
- Harness — Kudzora Basa pakati pehusiku ne phosphorescent green accents
- Koto — Obsidian Gallery pakati pehusiku. Nzvimbo yerima rakati svibei, uko chiedza chinodziya chiri chiratidzo cheyero chimwe chete, uye mavara akapfupikiswa anoyangarara munzvimbo yakakura isina kunaka semaposita ekuratidzira.
- Ohzi — Kiyubhu inopenya yakasungirirwa mugarari ine rima
- Depot — Nzvimbo yedhiravha ine rima. Koni yevagadziri vedhiravhani inenge nhema, ine LED imwe chete yegirini inoratidza kutanga kwebasa, uye zvimwe zvese zvinoshandiswa pakushandisa zvinoratidzwa mugirafu.
- Maciej Zadykowicz — Midnight Gallery ine mifananidzo yayo yekare yakaita semadziro estudio ine madziro matema apo pane hunyanzvi hwekunyora hune mavara uye hunoyevedza hunokwezva kutarisisa uku zvimwe zvese zvichiramba zvakanyarara uye zvakarongwa.