Vercel
සුදු කඩදාසි මත මුද්රණය කරන ලද පර්යන්තය
Vercel නිර්මාණ පද්ධතිය යනු විනයගරුක ඒකවර්ණ අභ්යාසයකි: සුදු පැහැයට ආසන්න කැන්වසයක් (#fafafa), කළු වර්ගය, තුනී මායිම් සහ අලංකාර වර්ණ සම්පූර්ණයෙන්ම නොමැති වීම. දෘශ්ය භාෂාව මුද්රණයෙන් ඉදිරිපත් කරන ලද සංවර්ධකයෙකුගේ පර්යන්තයක් මතු කරයි - Geist Sans 400-450 බරක් සහ -0.06em අකුරු පරතරයක් සහිත "වීර" පරිමාණයෙන් යන්තම් කියවිය හැකි අතර, Geist Mono 11-13px කැප්සියුලවල ලේබල්, පාර-දත්ත සහ කේත සාම්පල යොදයි. බොත්තම් තියුණු 6px අරය හෝ සුදු මත පිරිසිදු කළු හෝ කළු මත සුදු සෘජුකෝණාස්ර වේ. පද්ධතිය වර්ණයට වඩා ප්රතිවිරුද්ධතාව සහ මුද්රණ ධූරාවලිය මත රඳා පවතින අතර, ත්රිකෝණාකාර ලකුණ (▲) සහ පේළි දෙකක වචන සලකුණක් එකම වෙළඳ නාම අංග ලෙස භාවිතා කරයි. මතුපිට #fafafa → #ebebeb → #171717 අනුපිළිවෙලින් එකිනෙක මත ගොඩගැසී ඇති අතර, සෙවනැල්ල හෝ වර්ණය වෙනුවට ස්වර අගයන් වෙනස් කිරීම හරහා ගැඹුර නිර්මාණය කරයි. සෑම මූලද්රව්යයක්ම සංයුක්ත ඝනත්වයක් සහිත 4px ජාලයක් මත ගොඩනගා ඇති අතර, එහි ප්රතිඵලයක් ලෙස ඉංජිනේරුවෙකුගේ සටහන් පොතක් සිහිගන්වන අතුරු මුහුණතක් - නිරවද්ය, ක්රියාකාරී සහ සුදු අවකාශයට බිය නැත.
කන්ටේනරය 1280px පළල, මධ්යගත, ත්යාගශීලී තිරස් පෑඩින් (24-48px) සමඟින්. ප්රධාන බ්ලොක් එක අසමමිතික ත්රි-කලාප සංයුතියක් භාවිතා කරයි: වම් පසින් විශාල ශීර්ෂයක්, සන්නාම ග්ලයිෆ් මධ්යගත කර ඇති අතර, දකුණු පසින් "ඇහි බැම" බ්ලොක් එකක්. ප්රධාන බ්ලොක් එකට පහළින්, අන්තර්ගතය විකල්ප ඉරි වලින් සකසා ඇත: සේවාලාභියාගේ ලාංඡනය සහිත සම්පූර්ණ පළල තීරුවක්, ඉන්පසු වම් පසින් ශීර්ෂය සහ දකුණු පසින් නිෂ්පාදන පිරිසැලසුමක් සහිත තීරු දෙකක "නියෝජිත නිර්මාණකරුවන්" කොටසක්, ඉන්පසු විශේෂාංග සහිත කාඩ්පත් තුනක ජාලයක්. කොටස් බෙදුම්කරුවන් හෝ පසුබිම් ඕෆ්සෙට් නොමැතිව 96-128px සිරස් කාණු මගින් වෙන් කරනු ලැබේ. සංචාලනය යනු බොඳ වූ පසුබිමක් සහිත තනි ස්ථාවර 64px පැනලයකි. කාඩ්පත් ජාලක නිරන්තරයෙන් 16-24px කාණු සහිත තීරු දෙකක හෝ තුනක පිරිසැලසුමක් භාවිතා කරයි. සමස්ත ඝනත්වය සංයුක්ත වේ - පෙළ කියවීමට පහසුය, ප්රමාණවත් සුදු ඉඩක් ඇත, නමුත් අකුරු ප්රමාණය සහ සංරචක ප්රමාණයන් පිටුව වාතයෙන් දැනීම වළක්වයි.
රූප විරල වන අතර සෑම විටම ක්රියාකාරී වේ. ප්රධාන දෘශ්ය අංගය වන්නේ කළු ත්රිකෝණය (▲) - "කැපිටල්" පරිමාණයේ සැරිසරන සිල්වට් එකක් ලෙස දිස්වන ජ්යාමිතික වෙළඳ නාම සලකුණකි. සංකල්ප සාධනය තීරුවේ සේවාදායක ලාංඡන අළු පරිමාණයෙන් එක් එක් වෙළඳ නාමයේ සැබෑ වචන සලකුණු භාවිතා කරයි. නිෂ්පාදන මොක්අප් (නෝෂන් හි කතාබස් අතුරුමුහුණත, CLI පර්යන්ත ප්රතිදානය, විදේශ ගමන් බලපත්ර කාඩ්පත) රාමු කළ කාඩ්පත් තුළ ආලෝක-ප්රකාර තිරපිටපත් ලෙස ඇතුළත් කර ඇත. ඡායාරූප, නිදර්ශන හෝ ත්රිමාණ අංග නොමැත - පද්ධතිය පිරිසිදු මුද්රණ ශිල්පය සහ සුදු කඩදාසි මත ජ්යාමිතික හැඩතල වේ.
පැලට්
උදාසීන
- Obsidian
#171717— ප්රධාන මාතෘකා, සංචාලන මායිම්, අඳුරු බොත්තම් පිරවීම සහ ලැයිස්තු සලකුණු සියල්ලම පාහේ කළු පැහැයෙන් යුක්ත වන අතර, රළු බව සහ අලංකාර සන්තෘප්තිය වළක්වයි. - Paper White
#fafafa— පිටු කැන්වසය, කාඩ්පත් මතුපිට, බොත්තම් වල ආලෝකය පිරවීම - මෙය අනෙක් සියල්ල පිහිටා ඇති සම්මත පසුබිමයි. - Pure White
#ffffff— ඉහළට ඔසවා ඇති කාඩ්පත් මතුපිට, ඇතුළු කිරීම්, ආදාන ක්ෂේත්ර. - Hairline
#ebebeb— බොත්තම්, සබැඳි සහ කාඩ්පත්වල 1px මායිම් ඉහළ විශාලන මට්ටම්වලදී දෘශ්යමාන වන නමුත් අඩු විශාලන මට්ටම්වලදී නොපෙනේ. - Ash
#c9c9c9— සේවාදායක ලාංඡනවල අබල කළ පෙළ, නිහඬ කළ ලේබල, වෙළඳ නාම ජල සලකුණු. - Smoke
#a8a8a8— ද්විතියික පෙළ, ස්ථාන දරණු පෙළ, සියුම් නිරූපක පිරවීම.
මුද්රණ ශිල්පය
11 සිට 64px දක්වා · පියවර 6 යි
- Geist Sans — ආදේශනය: Inter · දළ සටහන් 400, 450, 500 · අතුරුමුහුණත සහ ශීර්ෂ සඳහා ප්රාථමික අකුරු වර්ගය Vercel වෙතින් අභිරුචි-නිර්මාණය කරන ලද ජ්යාමිතික sans-serif එකක් වන අතර එය විශාල ප්රමාණවලින් තද අකුරු පරතරයක් ඇත (-0.06em at 56-64px, -0.05em at 30px). පිටුවේ ඉහළින් ඇති ශීර්ෂ සඳහා, 450 බරක් තෝරා ගන්නා ලදී: Light ට වඩා ඝන නමුත් Semi-Bold ට වඩා සැහැල්ලු, විශ්වාසදායක, නමුත් අධික ලෙස දරාගත නොහැකි ස්වරයක් නිර්මාණය කරයි.
- Geist Mono — ආදේශනය: JetBrains Mono · දළ සටහන් 400, 500, 600 · කැප්ෂන්, කේත බ්ලොක්, CLI ප්රතිදාන පැනල්, මෙටාඩේටා සහ කැපිටල් අකුරු සඳහා ඒක අවකාශ ද්විතියික අකුරු. 8px/600px/කැපිටල් අකුරු සංයෝජනය කුඩා වචන සලකුණු නිවැරදිව ස්ථානගත කිරීමට ඉඩ සලසයි. ඒක අවකාශ අනුවාදයේ පුළුල් අකුරු පරතරය (0.071em) කැපිටල් අකුරු පෙළ සඳහා ප්රමාණවත් ඉඩක් සපයයි.
අන්තරයන් සහ ආකෘතිය
| අරමුණ | අර්ථය |
|---|---|
| ඝනත්වය | ඝන |
| මූලික පියවර | 12px |
| බොත්තම් අරය | 6px |
| කාඩ් පතේ අරය | 6px |
| සෙවනැලි | සෙවනැලි වෙනුවට මායිම් නැත |
| කොටස් අතර | 96-128px |
| පිටු පළල | 1280px |
AI ඔබේ වෙබ් අඩවිය Vercel ශෛලියෙන් ගොඩනගා එය පුරවනු ඇත.
- Instagram, TikTok, Facebook යන සබැඳිය හරහා නිෂ්පාදන සහ පළ කිරීම් පුරවන්න.
- ඔබගේ පැරණි අඩවියෙන් අන්තර්ගතය මාරු කරන්න—ලිපිනය පමණක් සඳහන් කරන්න.
- හොඳම එන්ජිම මත නවීන නිර්මාණය: සේවාදායක විදැහුම්කරණය සහ SEO ප්රශස්තිකරණය සමඟින් React ( Next.js).
- සෙවුම් ප්රතිඵල සහ ස්නායු ජාල නිර්දේශ සඳහා සම්පූර්ණයෙන්ම ස්වයංක්රීය SEO ප්රශස්තිකරණය.
සමාන විලාස
- Headspace — උණුසුම් කඩදාසි මත හිරු එළිය සහිත සුවතා කොනක්
- WHOOP — මධ්යම රාත්රියේ කාර්ය සාධන රසායනාගාරය - කළු පැහැති නාට්යමය හිස්තැනක් යට සුදු සායනික රසායනාගාර මේස, තනි දම් පැහැති විදුලි ස්පන්දනයක්.
- Together AI — ග්ලැසියර කඩදාසි මත පර්යේෂණ කොන්සෝලය
- v0 by Vercel — ලියවන පට්ටල ඇඳීම. නිරවද්යතාවය සහ ක්රියාකාරීත්වය ඉතා වැදගත් වන අතර, සෑම අංගයක්ම පිරිසිදු, තාක්ෂණිකව පරිපූර්ණ මතුපිටක් මත පැහැදිලි අරමුණක් ඉටු කරයි.
- Dovetail — කළු සඳක් යට සැලැස්මක් - යන්තම් පෙනෙන ප්රස්ථාර රේඛා, සුදු අකුරු, එක් දම් පැහැති දීප්තියක්
- Glideapps — විදුලි ටර්කියුයිස් දීප්තියක් සහිත ඒකවර්ණ කෙටුම්පත් මේසයක්
- Timescale — උණුසුම් ග්රැෆ් කඩදාසි මත ඉංජිනේරු ඇඳීම
- UGLYCASH — ක්රීම් පැහැති කඩදාසි මත ස්ටිකරයකින් ආවරණය කරන ලද සටහන් පොතක්, එහි අවුල් සහගත බව ආඩම්බරයෙන් ප්රදර්ශනය කරන නිර්භීත, උපරිමවාදී ෆින්ටෙක් එකක වාතාවරණය විදහා දක්වයි.
- Sprout Social — කළු පැහැති ලෑල්ලක් මත කොළ පැහැති පැළයක්. දැඩි ඒකවර්ණ කැන්වසයක් මත දීප්තිමත් උච්චාරණයක්, එහි වර්ණය ක්රියාව සඳහා පමණක් භාවිතා කරන අතර, විශ්වාසදායක ජ්යාමිතික අකුරු සංඥා පුවරු ලෙස සේවය කරයි.
- Krea — මධ්යම රාත්රියේ නොයාර් ගැලරිය
- Evergreen — ලිනන් කඩදාසි මත සූර්ය හරිතාගාර
- Factory — මධ්යම රාත්රියේ "යුධ කාමර" පර්යන්තය. "කර්මාන්ත ශාලාව" යනු තද කළු පැහැති පාලක පැනලයක් වන අතර එහි තනි සුදු කාඩ්පතක් ෆ්ලෑෂ් ලයිට් දැල්වූ යැවීමක් මෙන් බිමට වැටේ - කාමරයේ ඇති එකම වස්තුව වැඩ කොටස පමණි.