Ui
මැට් කඩදාසි මත සායනික සැලැස්ම
shadcn/ui යනු ඒකවර්ණ නිර්මාණ පද්ධතියක් නිර්මාණය කිරීම සඳහා වූ වැඩමුළුවකි: පිරිසිදු සුදු කැන්වසයක්, මෘදු උණුසුම් අළු මතුපිටක් සහ සියුම්ම මායිම්වල ස්ථානගත කර ඇති විශාල අරය කාඩ්පත්. අතුරුමුහුණත සම්පූර්ණයෙන්ම පාහේ වර්ණදේහ වේ - කළු පෙළ, සුදු මතුපිට, අළු ද්විතියික නාද - දෝෂ තත්වයන් සඳහා වෙන් කර ඇති තනි, බාධාකාරී රතු වර්ණයක් සහ වෙනත් කිසිවක් නැත. යතුරු ලියනය තිරවල තද අකුරු උසකින් යුත් Geist හි ජ්යාමිතික උදාසීනත්වය මත රඳා පවතින අතර, පාරිභෝගික නිෂ්පාදනයකට වඩා සංවර්ධක යටිතල පහසුකම් මෙන් දැනෙන සන්සුන්, කේත-සමාන හැඟීමක් නිර්මාණය කරයි.
අවම රූප - පද්ධතිය සම්පූර්ණයෙන්ම පාහේ පරිශීලක අතුරුමුහුණතෙන් සමන්විත වේ. ප්රධාන ඡායාරූප, නිදර්ශන හෝ අලංකාර ග්රැෆික්ස් නොමැත. නිෂ්පාදන නිරූපණ ජාලකයක සංරචක මොක්අප් (කාඩ්පත්, ආදාන ක්ෂේත්ර, බොත්තම්) ලෙස ඉදිරිපත් කර ඇති අතර, ලේඛන සහ දෘශ්ය අන්තර්ගතය යන දෙකම ලෙස සේවය කරයි. අයිකන යනු #0a0a0a හෝ #737373 හි 1.5–2px ඝනකම ඇති තුනී ජ්යාමිතික රේඛා (බොහෝ විට ලුසයිඩ් වෙතින් ණයට ගත්) වන අතර, ක්රියාකාරී ඉඟි ලෙස අරපිරිමැස්මෙන් භාවිතා කරයි. දෘශ්ය භාෂාව යනු UI සංරචක වේ - පිටුව ජීවමාන විලාස මාර්ගෝපදේශයක් ලෙස ක්රියා කරයි, එහිදී සෑම දෘශ්ය අංගයක්ම දෘශ්ය නිර්මාණ අංගයකි.
පැලට්
උදාසීන
- Canvas
#f5f5f5— පිටු පසුබිම, නිහඬ කළ මතුපිට පිරවීම, අමතර බොත්තම්. - Paper
#ffffff— කාඩ්පත් මතුපිට, උත්පතන පසුබිම්, ප්රාථමික බොත්තම් පිරවුම් - Surface Alt
#fafafa— පැති තීරු පසුබිම, බාධා රහිත කාඩ්පත් විකල්පය, ආදාන ක්ෂේත්රයේ අක්රිය තත්ත්වය. - Ink
#0a0a0a— ප්රධාන පෙළ, ශීර්ෂ, බොත්තම් ලේබල, නිරූපක දළ සටහන්. - Ink Soft
#171717— පිරවුමක් සහිත බොත්තම් පසුබිම් රූප, ආලෝක පෘෂ්ඨ මත අමතර පෙළ. - Mid Gray
#737373— ප්රධාන පෙළ, ස්ථාන දරණු පෙළ, සහායක ලේබල සහ නිශ්චලතාවයේදී අයිකන පිරවීම යන සියල්ල නිහඬ කර ඇත.
මුද්රණ ශිල්පය
12 සිට 48px දක්වා · පියවර 8 යි
- Geist — ආදේශනය: Inter · දළ සටහන් 400, 500, 600 · සියලුම අතුරුමුහුණත් පෙළ - 14px/400 රේඛා බරක් සහිත ශරීර පෙළ, 24–48px/600 රේඛා බරක් සහිත ශීර්ෂ සහ 13–14px/500 රේඛා බරක් සහිත බොත්තම්. Geist හි ජ්යාමිතික අකුරු ආකෘති සහ ඒකාකාර රේඛා බර සංවර්ධක මෙවලම් සඳහා උදාසීන හැඟීමක් ඇති කරයි; 48px අකුරු පරතරයක් සහ -0.05em අකුරු පරතරයක් සහිත 600 රේඛා බරක් සංස්කරණය කිරීමට වඩා කල්පනාකාරී ලෙස පෙනෙන පැහැදිලි, විශ්වාසදායක ශීර්ෂ සහතික කරයි.
අන්තරයන් සහ ආකෘතිය
| අරමුණ | අර්ථය |
|---|---|
| ඝනත්වය | ඝන |
| මූලික පියවර | 8px |
| බොත්තම් අරය | 18px |
| කාඩ් පතේ අරය | 24px |
| සෙවනැලි | සෙවනැලි වෙනුවට මායිම් නැත |
| කොටස් අතර | 48-80px |
| පිටු පළල | 1280px |
AI ඔබේ වෙබ් අඩවිය Ui ශෛලියෙන් ගොඩනගා එය පුරවනු ඇත.
- Instagram, TikTok, Facebook යන සබැඳිය හරහා නිෂ්පාදන සහ පළ කිරීම් පුරවන්න.
- ඔබගේ පැරණි අඩවියෙන් අන්තර්ගතය මාරු කරන්න—ලිපිනය පමණක් සඳහන් කරන්න.
- හොඳම එන්ජිම මත නවීන නිර්මාණය: සේවාදායක විදැහුම්කරණය සහ SEO ප්රශස්තිකරණය සමඟින් React ( Next.js).
- සෙවුම් ප්රතිඵල සහ ස්නායු ජාල නිර්දේශ සඳහා සම්පූර්ණයෙන්ම ස්වයංක්රීය SEO ප්රශස්තිකරණය.
සමාන විලාස
- Ventriloc — උණුසුම් කඩදාසි මත දත්ත පිළිබඳ කතුවැකි නිරීක්ෂණාගාරයක් - ඒකවර්ණ නිරවද්යතාවය ඉස්මතු කරන තනි තැඹිලි පැහැති ගිනි අඟුරු.
- Geniestudio — මෘදු දිවා ආලෝක සටහන් පොතක් - පළල් මායිම් සහ ඝන පෑන පහරක් සහිත වර්ගයකි.
- xAI — කළු පෙති සහිත උණුසුම් ක්රීම් රසායනාගාරය
- Cal — ඒකවර්ණ ප්රායෝගිකත්වය, මානව ප්රවේශයකි. දැඩි කළු-සුදු වර්ණ මාලාවක් හරහා පැහැදිලි බව සහ ක්රියාකාරීත්වයට ප්රමුඛත්වය දෙන පද්ධතියක්, නමුත් මිත්රශීලී මුද්රණ ශිල්පය සහ වටකුරු හැඩතල සමඟ එය මෘදු කරයි.
- Scale — තාක්ෂණික ව්යාපෘතියක් සමඟ ඒකාබද්ධ වූ උසස් තත්ත්වයේ කෞතුකාගාර-ගුණාත්මක ඡායාරූප රසායනාගාරයක්
- Contractbook — අති සාගර අහසක් යට ක්රීම් කඩදාසි ගිවිසුම්
- AutoSend — සෙරිෆ් සිරස්තල සහ ක්රියාකාරී ඉන්ඩිගෝ ඇමතුම් එක් නිහඬ, පාහේ සුදු පැහැති අවකාශයක සහජීවනයෙන් පවතින තනි දම් පැහැති ආලෝකයක් සහිත සුවපහසු ගල් චිත්රාගාරයක්.
- Air — මූර්ති "වීදුරු හරහා මධ්යම රාත්රියේ අහස"
- SpatialChat — සුදු පාච්මන්ට් මත දම් පැහැති ස්පන්දනය
- Squarespace — සිනමාත්මක ඒකවර්ණ ගැලරිය
- Giga — හිමෙන් වැසුණු ඔබ්සිඩියන් අහසට ඉහළින් මධ්යම රාත්රියේ ක්ෂිතිජය
- Supabase — මධ්යම රාත්රියේ පොස්පරස් කොළ පැහැති තිතක් සහිත කේත සංස්කාරකයක් - ගල් අඟුරු දූවිලි මුහුදක් මත තනි වර්ණදේහ ස්පන්දනයක්.