Modal
Seteishene sa phosphorescent ka phapusing e lefifi ea seva - mohloli o le mong feela oa leseli ke 'mala o motala o khanyang
Modal e sebetsa jwalo ka terminal ya phosphorescent ka phapusing ya seva e lefifi: canvas e batlang e le ntšo, mofuta o motala o bobebe, le accent e le nngwe e kganyang ya lime-green e sebetsang e le sesupo sa boemo ba LED. Puo ya moralo e shebane le moqapi—difensetere tsa khoutu tse nang le sebaka se le seng tse nang le matheba a mabone a sephethephethe, matshwao a isometric 3D ka botala bo saenneng, le sebaka se seholo se sesweu, se dumellang karolo e le nngwe karolong ka nngwe ho kganya. Typography e arotswe pakeng tsa fonte e ikgethileng (Goga) bakeng sa dihlooho le fonte e feto-fetohang (Inter) bakeng sa dikarolo tsohle tsa UI, ka bobedi di beilwe ka ho latela ho se negative. Mebala e ajwa ka ho lekana: boholo ba di-skrini ha di chromatic, mme mmala o kganyang wa lime-green o hlaha feela diketsong tsa bohlokwa, letshwao, ditshwantsho tsa 3D, le dinako tsa kgatello. Dikarolo di bataletse ebile ha di na foreimi, ka botebo bo bopilweng ka meedi e menyenyane e tala le ho fifala ha bokamorao ho ena le meriti.
Modal e sebedisa sebopeho se lefifi se felletseng se nang le bophara bo boholo ba 1280px ho dumella dikahare. Fensetere ya mohale e bohareng: sehlooho (polelo ya pele ka botala ba lime), sehloohoana, dipitso tse pedi tsa ketso, le ntho e le nngwe ya 3D e le ankora ya pono—ntle le ho arola sebopeho ho tloha lehlakoreng le ka thoko. Dikarolo tsa dikahare di latela morethetho o tshwanang: tag ya dintshi (ditlhaku tse kgolo, Moss 70) → Sehlooho sa Goga → mongolo wa mmele o kgutsitseng, ebe sebopeho sa dikholomo tse pedi se nang le tlhaloso ya sebopeho (mongolo + khoutu/karete ya pono) kapa gridi ya dikholomo tse tharo tsa dikarete. Di-gutter pakeng tsa dikarolo di ngata—80px. Leqephe le fapanyetsana pakeng tsa se nang letho se tebileng (#000000) le semelo se bobebe hanyane (#181818), ka karolo e le nngwe ya lesedi (#def0dd) e hlahang bohareng ba leqephe e le phefumoloho e bonahalang. Tsamaiso e na le bara e le nngwe e tsitsitseng e ka hodimo e nang le semelo se fifetseng—ha ho na lehlakore le ka thoko kapa lenane le leholo. Botlaaseng ba leqephe bo kopane ebile bo lefifi, ka dikholomo tse tala tse kgutsitseng tsa kgokelo. Bongata ba mongolo bo phutholohile: karolo e 'ngoe le e 'ngoe e fuoa sebaka se lekaneng, 'me li-grid tsa likarete ha li sebelise likholomo tse fetang tse tharo.
Puo ea pono ea Modal e arotsoe ka mekhoa e 'meli: litšoantšo tsa lihlahisoa tse benyang tsa 3D le li-mockup tsa fensetere tsa khoutu e lefifi. Ntlha ea bohlokoa ke kyube e le 'ngoe ea 3D e entsoeng ka ho sebelisa gradient ea papatso (ho tloha botala ba lime ho ea ho emerald), e behiloeng ka har'a halo ea gradient ea radial e hlatsoetsang sebaka se se nang letho khanyeng e tala - setaele sa pono se ikhethang sa cha. Likarete tsa mosebetsi li na le matšoao a 3D a isometric (kyube ea wireframe, litepisi tse tiileng, mekhahlelo) e entsoeng ka botala ba lime e tšoanang khahlanong le semelo se lefifi. Liphetho tsa khoutu le benchmark li hlahisoa e le likarete tsa fensetere tsa terminal tse nang le matheba a mabone a sephethephethe, syntax e nang le sebaka se le seng e totobatsang ka har'a palette ea phosphorescent, le moeli o motala o khutsitseng - li tšoana le litšoantšo tsa sebopeho sa 'nete sa mola oa taelo. Matshwao a bareki a bontšoa e le mabitso a botala bo bohlooho bo se nang metsi moleng o le mong, o fapaneng hanyane, o bontšang tšepo ntle le tlholisano ea pono. Bongata ba maqephe bo tlase - maqephe a mangata a na le mongolo haholo-holo, 'me litšoantšo li hlahisoa e le lintlha tsa bohlokoa ka bomong ho fapana le li-grid tsa lifoto. Ha ho na lifoto; sistimi eohle ea pono e entsoe, ea jiometri, le e khanyang.
Palete
Letšoao
- Lime Pulse
#7fee64— Dikarolo tsa bohlokwa tsa boitsebiso ba khamphani ke letshwao, pitso e kgolo ya ketso (CTA), ho tlatsa di-tag, maemo a sebetsang, le mmala wa motheo wa setshwantsho.
Lehlakore
- Phosphor White
#ddffdc— Mongolo o ka sehloohong, 'mala oa sehlooho, kemiso ea letšoao, le mongolo o tlatsitsoeng oa konopo ke sebaka se ka sehloohong se baloang. - Void Black
#000000— Canvas ea leqephe, lera le tebileng ka ho fetisisa la bokamorao - Ground Iron
#181818— Ho tlatsa dikonopo tse ka sehloohong, dibaka tsa karete dibakeng tse lefifi, bokaholimo ba motheo ba sebopeho sa mosebedisi. - Carbon Veil
#212525— Libaka tse phahameng, bokamorao ba ho tsamaea, bo bobebe hanyane ho feta mobu. - Circuit Border
#485346— Foreimi ea ketso ea moralo/sepoko, mola o mosesaane o ka sehloohong o sebelisanang, ke 'mala o motala o putsoa o khutsitseng. - Phosphor Blue-Black
#1f2a33— Mela e mesesaane ea bobeli, e arolang liropo pakeng tsa mela e lefifi.
Mongolo oa mongolo
ho tloha ho 12 ho isa ho 64px · mehato e 8
- Goga — sebaka: Inter Tight or Space Grotesk · meralo 400, 500 · Mongolo oa Sehlooho le oa Lihloohoana – O sebelisoa bakeng sa lihlooho le likarete tsohle tsa H1–H4. Goga ke mongolo o ikhethileng oa sans-serif oa jeometri o nang le masoba a masesaane le li-terminal tse nang le lisekoere hanyane. Boima bo mahareng (500) bo boloketsoe ho totobatsa lihlooho tsa boemo ba karete; boima bo tloaelehileng (400) bo sebelisoa bakeng sa lihlooho tsa bahale le tsa likarolo. Ho fihlella libopeho tse ling tsa glyph tse hlalosang boitsebiso ba Modal, sete ea eona ea setaele ea 'ss01' e tlameha ho nolofalloa. Sebaka sa litlhaku tse mpe se fokotseha butle-butle ho tloha ho -0.007em ho 48px ho isa ho -0.017em ho 21px.
- Inter Variable — sebaka: Inter · meralo 400, 500 · Sebopeho sa mosebedisi le kopi ya mmele – ho tsamaya, dikonopo, kopi ya mmele, dilaebele, botlaaseng ba leqephe. Boima bo mahareng (500) bo sebediswa ka tlwaelo bakeng sa dikarolo tse sebedisanang le ho tsamaya; ho tlwaelehile (400) ho sebediswa bakeng sa dirapa. Sebaka sa ditlhaku se fokotseha haholo esita le ka boholo bo bonyenyane (-0.026em ho 14px, -0.022em ho 16px), e leng se fang sebopeho sebopeho se kgutsufaditsweng, se teteaneng. Bakeng sa matshwao a fapaneng a puo, mofuta wa ditlhaku tsa 'cv11' o lokela ho kenyeletswa. Dilaebele tse nang le dikotwana tsohle ho 12px di sebedisa sebaka sa ditlhaku tsa +0.05em ho leka-lekanya bongata ba kopi ya mmele.
Likheo le sebopeho
| Morero | Moelelo |
|---|---|
| Botenya | karolelano |
| Mohato oa motheo | 20px |
| Radiyo ea konopo | 12px |
| Radiyo ya karete | 8px |
| Meriti | che - meeli ho e-na le meriti |
| Pakeng tsa likarolo | 80px |
| Bophara ba leqephe | 1280px |
AI e tla haha websaete ea hau ka setaele sa Modal 'me e e tlatse
- Tlatsa ka lihlahisoa le lingoliloeng ka sehokelo - Instagram, TikTok, Facebook.
- Fetisetsa dikahare ho tloha sebakeng sa hao sa marang-rang sa kgale—hlalosa aterese feela.
- Moralo oa sejoale-joale enjeneng e ntle ka ho fetisisa: React ( Next.js) ka tlhahiso ea seva le ntlafatso ea SEO ka ho feletseng.
- Ntlafatso ea SEO e iketsahalletseng ka botlalo bakeng sa liphetho tsa lipatlisiso le likhothaletso tsa marang-rang a methapo ea kutlo.
Mekhoa e tšoanang
- Slash — Setšabelo sa bosiu bo boholo se nang le libuka tsa mokitlane tse khabisitsoeng ka khauta
- AgentQL — Mabone a Leboea a holim'a terminal bosiu
- GitHub — Phanele ea litaelo tsa sebaka e nang le lintlha tsa taolo ea bioluminescent—sebaka sa mosebetsi se lefifi, se nang le sepakapaka moo khanya e le 'ngoe e tala e supang tsela e eang pele.
- Doppler — Mabone a pherese a lephepheng bosiu. Lesela le batlang le le letšo le khanya ka lets'oao le le leng la lavender le lebone le letala la tiiso, karolo e 'ngoe le e 'ngoe e kobehile ka ho lekaneng hore e ka tšoaroa.
- Basedash — Seteishene sa data sa bosiu se nang le mongolo o sa hlakang. Sebaka sa ho shebella se lefifi moo di-metrics di phatsimang ka pherese le botala, dihlooho tsa serif di phaphamalang ka hodima lerata, mme dikonopo tse tshweu tse bōpehileng jwalo ka pilisi ke tsona feela dintho tse kganyang ka phapusing ya dibaka tse bosootho tse bonolo.
- Superwhisper — Mabone a leboea a qhibiliha holim'a khalase ea bosiu
- Better Stack — Khonsole ea SRE ea bosiu
- Langbase — Khomphutha ea Mabone a Leboea a Bosiu ba Bosiu
- Astro — Taolo ea Mosebetsi oa Sebaka se Tebileng ka khanya e le 'ngoe e pherese e tsoang nebula
- Wayfinder — Skrine e ntšo ea filimi e nang le sehlooho se sa utloahaleng hantle se phaphametseng ka holim'a setšoantšo se phelang. Sebopeho ke selaete sa khanya ho fapana le phanele ea taolo.
- HashiCorp — Kamore ea taolo har'a mp'a bosiu e nang le neon e pherese ke sebaka se lefifi sa botekgeniki moo kyubi e benyang ea mahlakore a tšeletseng e sebetsang e le eona feela referense ea 'mala.
- Umbrel — Sebaka se setle sa ho tjhesa mollo ka phapusing ya ho sebeletsa bosiu—kamore e lefifi moo kganya e le nngwe e kang ya perekisi e totobatsang seo e leng sa bohlokwa e le kannete.