Ui
mpango wa kliniki kwenye karatasi isiyong'aa
shadcn/ui ni karakana ya kuunda mfumo wa muundo wa monochrome: turubai nyeupe safi, nyuso laini za kijivu zenye joto, na kadi kubwa zenye kipenyo zikiwa zimewekwa kwenye mipaka midogo zaidi. Kiolesura karibu hakina mwonekano wa kawaida—maandishi meusi, nyuso nyeupe, tani za pili za kijivu—na rangi moja nyekundu inayosumbua iliyohifadhiwa kwa hali za makosa na si kingine chochote. Uchapaji unategemea upendeleo wa kijiometri wa Geist wenye urefu mdogo wa herufi kwenye skrini, na kuunda hisia tulivu, kama ya msimbo ambayo inahisi zaidi kama miundombinu ya msanidi programu kuliko bidhaa ya mtumiaji.
Picha ndogo—mfumo huunda karibu kiolesura cha mtumiaji kabisa. Hakuna picha muhimu, vielelezo, au michoro ya mapambo. Maonyesho ya bidhaa yanawasilishwa kama mifano ya vipengele (kadi, sehemu za kuingiza, vitufe) kwenye gridi, yakitumika kama nyaraka na maudhui ya kuona. Aikoni ni mistari nyembamba ya kijiometri (huenda ilikopwa kutoka kwa Lucide) yenye unene wa pikseli 1.5–2 katika #0a0a0a au #737373, inayotumika kwa nadra kama vidokezo vya utendaji. Lugha ya kuona ni vipengele vya UI vyenyewe—ukurasa hufanya kazi kama mwongozo wa mtindo hai, ambapo kila kipengele kinachoonekana ni kipengele cha muundo kinachoonekana.
Paleti
Isiyoegemea upande wowote
- Canvas
#f5f5f5— Mandharinyuma ya ukurasa, kujaza sehemu iliyozimwa, vitufe vya ziada. - Paper
#ffffff— Nyuso za kadi, mandhari ibukizi, kujaza vitufe vya msingi - Surface Alt
#fafafa— Mandharinyuma ya upau wa pembeni, chaguo la kadi lisiloonekana, hali ya kutofanya kazi ya sehemu ya kuingiza data. - Ink
#0a0a0a— Maandishi makuu, vichwa vya habari, lebo za vitufe, mihtasari ya aikoni. - Ink Soft
#171717— Picha za mandharinyuma zenye maandishi ya ziada kwenye nyuso zenye mwangaza. - Mid Gray
#737373— Maandishi kuu, maandishi ya kishikilia nafasi, lebo saidizi, na kujaza aikoni wakati wa mapumziko yote yamezimwa.
Uchapaji
kutoka pikseli 12 hadi 48 · hatua 8
- Geist — mbadala: Inter · mihtasari 400, 500, 600 · Maandishi yote ya kiolesura—maandishi ya mwili yenye uzito wa mstari wa pikseli 14/400, vichwa vya habari vyenye uzito wa mstari wa pikseli 24–48/600, na vitufe vyenye uzito wa mstari wa pikseli 13–14/500. Umbo la herufi za kijiometri za Geist na uzito wa mstari sare huunda hisia isiyoegemea upande wowote kwa zana za msanidi programu; uzito wa mistari 600 wenye nafasi ya herufi ya pikseli 48 na nafasi ya herufi ya -0.05em huhakikisha vichwa vya habari vilivyo wazi na vya kujiamini vinavyoonekana vya kufikiria badala ya kuhaririwa.
Vipindi na umbo
| Kusudi | Maana |
|---|---|
| Uzito | mnene |
| Hatua ya msingi | 8px |
| Kipenyo cha kitufe | 18px |
| Redi ya kadi | 24px |
| Vivuli | hapana - mipaka badala ya vivuli |
| Kati ya sehemu | 48-80px |
| Upana wa ukurasa | 1280px |
AI itaunda tovuti yako kwa mtindo wa Ui na kuijaza
- Jaza bidhaa na machapisho kupitia kiungo - Instagram, TikTok, Facebook.
- Hamisha maudhui kutoka kwa tovuti yako ya zamani—taja tu anwani.
- Muundo wa kisasa kwenye injini bora: React ( Next.js) yenye utoaji wa seva na uboreshaji wa SEO bila kuchelewa.
- Uboreshaji wa SEO kiotomatiki kikamilifu kwa matokeo ya utafutaji na mapendekezo ya mtandao wa neva.
Mitindo inayofanana
- Ventriloc — Uchunguzi wa wahariri wa data kwenye karatasi ya joto - kaa moja la rangi ya chungwa linaloangazia usahihi wa monochrome
- Geniestudio — Daftari laini la mchana—aina yenye pembezoni pana na kalamu moja nene
- xAI — Maabara ya Krimu ya Joto yenye Kidonge Cheusi
- Cal — Utendaji wa monochrome, mbinu ya kibinadamu. Mfumo unaoweka kipaumbele uwazi na utendaji kazi kupitia rangi nyeusi na nyeupe kali, lakini unaifanya iwe laini kwa uchapaji rafiki na maumbo ya mviringo.
- Scale — Maabara ya picha ya ubora wa juu ya makumbusho pamoja na mradi wa kiufundi
- Contractbook — mikataba ya karatasi ya krimu chini ya anga la ultramarine
- AutoSend — Studio ya mawe yenye kupendeza yenye taa moja ya zambarau—ambapo vichwa vya habari vya serif na miito angavu ya indigo ya kuchukua hatua hukaa pamoja katika nafasi moja tulivu, karibu nyeupe.
- Air — sanamu "Anga ya Usiku wa Manane Kupitia Kioo"
- SpatialChat — mapigo ya zambarau kwenye ngozi nyeupe
- Squarespace — Matunzio ya Sinema ya Monochrome
- Giga — Upeo wa usiku wa manane juu ya obsidian iliyoganda
- Supabase — Mhariri wa msimbo saa sita usiku akiwa na nukta ya kijani kibichi yenye fosforasi—mpigo mmoja wa kromatic kwenye bahari ya vumbi la makaa ya mawe