Dub
ලින්ක් හි මැට් සහල් කඩදාසි පාලන පැනලය
Dub හි දෘශ්ය පද්ධතියට සංයමයෙන් යුත්, පාහේ කතුවැකි SaaS සෞන්දර්යයක් ඇත: නෙරා ඇති මූලද්රව්යවලට වඩා තුනී මායිම් මගින් එකට තබා ඇති සුදු පැහැයට ආසන්න කැන්වසයක්, ඝන ඒකවර්ණ මුද්රණ ශිල්පය ව්යුහාත්මක සහායක් සපයන අතර තනි දීප්තිමත් නිල් වර්ණයක් (#2563eb) ප්රකාශයක් කරයි. මතුපිට බැලූ බැල්මට පැතලි හා රාමු රහිතව පවතී, නමුත් සෑම බහාලුමකම 1px #e5e5e5 ආන්තිකයක් ඇති අතර එය මුද්රිත ලේඛනයක හැඟීම ඇති කරයි. උදාසීන පලතට ඉහළින් පාවෙන කුඩා වර්ණ "පෙති" උච්චාරණ කට්ටලයක් (තැඹිලි, කොළ, දම්) සහ දීප්තිමත් නොවී විශ්වාසදායක සහ නවීන බවක් දැනෙන ශීර්ෂ හරහා පෞරුෂය සාක්ෂාත් කරගනු ලැබේ. සංරචක සංයුක්ත සහ ඝන වේ: 8px කාණු, 12px කාඩ්පත් අරය, 9999px හි පෙති හැඩැති ලේබල් සහ බර, පිරවූ බොත්තම් වෙනුවට නොපෙනෙන පාලනයන්.
පිටුව ආසන්න වශයෙන් 1200px උපරිම පළලක් සහිත මධ්යගත පිරිසැලසුමක් මත ගොඩනගා ඇත. ප්රධාන අංගය වන්නේ විශාල නිෂ්පාදන පිරිසැලසුමකට ඉහළින් තිරස් අතට ස්ථානගත කර ඇති පාවෙන මූලද්රව්ය තුනක් (අනුබද්ධ වැඩසටහන්, පරිවර්තන විශ්ලේෂණ, කෙටි සබැඳි) සහිත මධ්යගත පෙළ කොටසකි. කොටස් සිරස් අතට අනුකූල 64px කාණු සමඟ සකසා ඇති අතර, ටෝනල් වෙන් කිරීම සඳහා සුදු කැන්වසය සහ #f5f5f5 කඩදාසි මීදුම අතර මාරුවෙන් මාරුවට සකස් කර ඇත. පහළ කොටස Z-හැඩැති පිරිසැලසුමක් භාවිතා කරයි: කතුවැකි පෙළ මැද තෙවන ස්ථානයේ කේන්ද්රගත කර ඇති අතර, පාවෙන UI කාඩ්පත් වම් සහ දකුණු මායිම්වලට නැංගුරම් ලා ඇති අතර, අසමමිතික, සඟරා වැනි රිද්මයක් නිර්මාණය කරයි. ලාංඡන වලාකුළ යනු පිටුව කේන්ද්රගත කර ඇති සරල 5x2 ජාලයකි. සංචාලනය යනු අවම මට්ටමේ ඉහළ තීරුවකි - වම් පස ලාංඡනය, මධ්යයේ සංචාලනය, දකුණු පසින් බොත්තම් දෙකක සමූහයක් (භූත "පිවිසුම්" බොත්තමක් + පිරවූ "ලියාපදිංචි" බොත්තමක්) - ස්ථාවර හෝ මෙගා-මෙනුවක් නොමැතිව. ප්රධාන කවුළුවේ උපකරණ පුවරු පිරිසැලසුම සම්භාව්ය තීරු දෙකක යෙදුම් පිරිසැලසුමක් ප්රදර්ශනය කරයි: ස්ථාවර පැති තීරුවක් (240px ට සමාන) + අමුත්තන් අනුචලනය කිරීමට පෙර නිෂ්පාදන තොරතුරු වල ඝනත්වය නිර්වචනය කරන අන්තර්ගත ප්රදේශයකි.
දෘශ්ය නිෂ්පාදන කේන්ද්ර කරගත් ඒවා මිස ජීවන රටාව කේන්ද්ර කරගත් ඒවා නොවේ. ප්රධාන තිරය විශාල උපකරණ පුවරු තිර රුවක් මත කේන්ද්රගත වී ඇති අතර, සුදු කැන්වසයක් මත පැතලි පුවරුවක් ලෙස සකසා ඇති පැති තීරු සංචාලනයක්, දත්ත වගුවක් සහ පාවෙන UI අංග සහිත සැබෑ ලෝක නිෂ්පාදන ආකෘතියක් නියෝජනය කරයි. සේවාදායක ලාංඡන ඔවුන්ගේ සමාජ මාධ්ය ක්රියාකාරිත්වය පිළිගැනීම සඳහා අසංතෘප්ත අළු පරිමාණ ජාලයක (මී මැසි, සුපිරි බලවතා, චැට්බේස්, ආදිය) ප්රදර්ශනය කර ඇති අතර, පිටුවේ තනි නිල් උච්චාරණය ප්රමුඛව පැවතීමට ඉඩ දීම සඳහා වර්ණ ඉවත් කර ඇත. පාවෙන හවුල්කාර කාඩ්පත් (ආදායම්/ගෙවීම් දත්ත සහිත කුඩා පැතිකඩ සහ ටයිල්) පතුලේ ඇති කතුවැකි පෙළ කොටස් වටා ගමන් කරයි, පෙළෙහිම සෙවනැලි භාවිතා නොකර ගැඹුර පිළිබඳ හැඟීමක් ඇති කරයි. තිත් සහිත ජාලක පසුබිම් රටාව අත්සන ලක්ෂණයකි: ඉතා අඩු පාරාන්ධතාවයක් සහිත කුඩා තිත් තුනී පේළියක් වයනය සහ නිර්මාණ පද්ධතියක/ඇඳීම් මතුපිටක හැඟීම නිර්මාණය කරයි, "නවීන සබැඳි ආරෝපණ වේදිකාවක්" ලෙස වෙබ් අඩවියේ ස්ථානගත කිරීම අවධාරණය කරයි. දළ සටහන් සහ පිරවුම් සහිත නිරූපක ශිල්පය අවම වන අතර, විශේෂාංග ටැග් සඳහා උච්චාරණ තලයක් (ටැංජරීන් තැඹිලි, ලැවෙන්ඩර් දම්, මින්ට් කොළ) භාවිතා කරයි. ඡායාරූප, නිදර්ශන හෝ ත්රිමාණ ආකෘති භාවිතා නොකෙරේ - නිෂ්පාදනයේ පරිශීලක අතුරුමුහුණත දෘශ්ය භාෂාවකි.
පැලට්
වෙළඳ නාමය
- Electric Blue
#2563eb— ප්රාථමික වෙළඳ නාම වර්ණය - ලාංඡනය, සබැඳි, ප්රධාන කාර්ය සාධන දර්ශක, ක්රියාකාරී තත්ත්වයන් සහ නිරූපක උච්චාරණ - භාවිතා කර ඇත. සුදු පසුබිමක පොහොසත් නිල් පැහැයක් පද්ධතියේ එකම දෘශ්ය ආකර්ෂණය නිර්මාණය කරයි. - Deep Sapphire
#1e40af— ක්රියා බොත්තමෙහි ප්රධාන පසුබිම, ක්රියාව දැක්වෙන එකම වර්ණය වන ක්රියාවට කැඳවීමේ තද පිරවුම, අවධානය ආකර්ෂණය කර ගැනීම සඳහා අරපිරිමැස්මෙන් භාවිතා කරයි.
උදාසීන
- Canvas White
#ffffff— පිටු පසුබිම, කාඩ්පත් මතුපිට, උත්පතන පැනල් සෑම තිරයකම නිරපේක්ෂ අත්තිවාරම වේ. - Paper Mist
#f5f5f5— කැදැලි කාඩ්පත්, අමතර පැනල් සහ පිරවුම් සඳහා සියුම් හොවර් වර්ණ වෙනස්කම්. - Ash
#e5e5e5— කාඩ්පත්වල ඇති තුනී මායිම්, ආදාන සම්බන්ධක සහ බෙදුම්කරුවන් යනු පද්ධතිය එකට තබා ගන්නා ව්යුහාත්මක රේඛාවයි. - Smoke
#d4d4d4— තෝරාගත් බහාලුම් සඳහා තියුණු මායිම් සහ අමතර බොත්තම් දළ සටහන්. - Pebble
#c8c8c8— මධ්යම වෙනස සහිත මායිම්, පාලන දළ සටහන් සහ ව්යුහාත්මක බෙදුම්කරුවන්. මෙම වර්ණය ක්රියාවට ඇමතුම් සඳහා ප්රාථමික වර්ණය ලෙස භාවිතා නොකළ යුතුය. - Midnight Ink
#0a0a0a— උපරිම වෙනස සඳහා බොත්තම්වල ප්රධාන පෙළ, උද්දීපනය කළ බොත්තම් සහ සංචාලන පෙළ පාහේ කළු පැහැයෙන් යුක්ත වේ.
මුද්රණ ශිල්පය
11 සිට 48px දක්වා · පියවර 9 යි
- Satoshi — ආදේශනය: Inter (weight 500 · දළ සටහන් 500 · දර්ශන ශීර්ෂ - ශීර්ෂ සහ අංශ මාතෘකා සඳහා 36–48px පේළි වලින් පමණක් භාවිතා වේ. අකුරු බර - 500 (මධ්යම, තද නොවේ): ශීර්ෂ විශ්වාසයෙන් හා නවීන ලෙස පෙනේ, නමුත් කිසි විටෙකත් අධික ලෙස බල නොපායි. සතෝෂිගේ ජ්යාමිතික සමානුපාතිකයන් අකුරු මුහුණතට තරමක් කතුවැකි, නවීන හැඟීමක් ලබා දෙන අතර එය ඉන්ටර්ගේ ශරීර පිටපතට අනුකරණය කළ නොහැක.
- Inter — ආදේශනය: Inter (native) · දළ සටහන් 400, 500, 600 · ශරීර පිටපත, UI ලේබල, සංචාලනය, උපමාතෘකා සහ සුළු මාතෘකා. Inter යනු ප්රාථමික වැඩ අශ්වයා වන අතර, 11px ක්ෂුද්ර ලේබලවල සිට 30px ද්විතියික මාතෘකා දක්වා සියල්ල හසුරුවයි. ශරීර පිටපත සඳහා බර 400 ක් පෙරනිමිය වන අතර, උද්දීපනය කරන ලද මූලද්රව්ය සහ බොත්තම් ලේබල සඳහා 500 ක් වන අතර, වැදගත් UI ලේබල සඳහා 600 වෙන් කර ඇත. 1.5 ක රේඛා උසක් සහිත 16px යනු වඩාත් නිතර හමු වන තනි-පියවර ප්රමාණයයි (සිදුවීම් 1220), 16px යනු කැනොනිකල් ශරීර පිටපත් ප්රමාණය බව තහවුරු කරයි.
- Geist Mono — ආදේශනය: JetBrains Mono or IBM Plex Mono · දළ සටහන් 400, 500 · කේත කොටස්, තාක්ෂණික පාර-දත්ත සහ එම්බෙඩඩ් ඒක අවකාශය ටෝකන 12–14px කේත බ්ලොක් වල සහ 24px විශාල කේත සංදර්ශක අංග වල භාවිතා වේ. මෙය Dub හි නිෂ්පාදන ස්ථානගත කිරීම සමඟ අනුකූලව සංවර්ධක මෙවලමෙහි විශ්වසනීයත්වය සහතික කරයි.
අන්තරයන් සහ ආකෘතිය
| අරමුණ | අර්ථය |
|---|---|
| ඝනත්වය | සාමාන්යය |
| මූලික පියවර | 8px |
| බොත්තම් අරය | 8px |
| කාඩ් පතේ අරය | 12px |
| සෙවනැලි | සෙවනැලි වෙනුවට මායිම් නැත |
| කොටස් අතර | 64px |
| පිටු පළල | 1200px |
AI ඔබේ වෙබ් අඩවිය Dub ශෛලියෙන් ගොඩනගා එය පුරවනු ඇත.
- Instagram, TikTok, Facebook යන සබැඳිය හරහා නිෂ්පාදන සහ පළ කිරීම් පුරවන්න.
- ඔබගේ පැරණි අඩවියෙන් අන්තර්ගතය මාරු කරන්න—ලිපිනය පමණක් සඳහන් කරන්න.
- හොඳම එන්ජිම මත නවීන නිර්මාණය: සේවාදායක විදැහුම්කරණය සහ SEO ප්රශස්තිකරණය සමඟින් React ( Next.js).
- සෙවුම් ප්රතිඵල සහ ස්නායු ජාල නිර්දේශ සඳහා සම්පූර්ණයෙන්ම ස්වයංක්රීය SEO ප්රශස්තිකරණය.
සමාන විලාස
- ElevenLabs — සියුම් සිරස්තල සහිත උණුසුම් ක්රීම් වර්ණවලින් යුත් ඡායාරූප රචනයක්. බවුහවුස් විලාසිතාවේ සටහන් පොතක් - බිත්තර කටු පැහැති කඩදාසි, කළු තීන්ත සහ නිෂ්පාදන ප්රදර්ශනය සඳහා තනි දම් සහ තැඹිලි උච්චාරණයක්.
- Awesomic — කොන්ෆෙට්ටි සිහිගන්වන තැඹිලි පැහැති විරාම ලකුණු සහිත කතුවැකි සින්ක් දැලක්
- Monad — උණුසුම් පාච්මන්ට් පිළිබඳ කතුවැකි තාක්ෂණික සඟරාව
- Seline Analytics — උණුසුම් කඩදාසි මත නිහඬ විශ්ලේෂණ මේසයක්
- Notion — දහවල් හිරු එළියේ උණුසුම් කඩදාසි සටහන් පොතක්
- Anthropic — උණුසුම් වෙළුම් පිළිබඳ විද්යාත්මක ක්ෂේත්ර සඟරාවක් - සන්සුන් ඇත්දළ මතුපිට, සේරිෆ් කරන ලද කතුවැකි මාතෘකා සහ ක්රියාමාර්ගයක් අවශ්ය වූ විට පමණක් දිස්වන තනි මැටි උච්චාරණයක්.
- Calendly — සීතල කිරිගරුඬ මත තද නිල් පැහැති තීන්ත
- Augen Pro — ඇපල් හි සුදු පැහැති ඉදිරිපත් කිරීම ඒකවර්ණ අවකාශයක එකම උච්චාරණය ලෙස සායනික, බර රහිත, විදුලි නිල් පැහැයක් දක්වයි.
- Antimetal — ක්රීම් කඩදාසි මත කතුවැකි වංශකථාවක් - විද්යාත්මක සඟරාවක නිහඬ උදෑසනක්, එහිදී සංයමය විශ්වාසය ප්රකාශ කරන අතර සෙරිෆ්වරු බර ඉසිලීම සිදු කරති.
- Perk — උණුසුම් පාච්මන්ට් කඩදාසි මත විදුලි දෙහි
- Ditto — වල් මල් සාම්පල නිර්මාණය කරන හිරු එළියෙන් ආලෝකමත් වූ වැඩමුළුවක්. උණුසුම් ක්රීම් මතුපිට, දීප්තිමත් කහ පැහැති මූලික වර්ණයක්, ගැඹුරු තද නිල් පැහැති තීන්ත, කැබැල්ල පිටුපස පිපෙන කාබනික වර්ණ ආකෘති.
- Officevibe — උණුසුම් ක්රීම් පැහැති කඩදාසි මත කතුවැකි සඟරාවක්. නිෂ්පාදනයක් ලෙස ඉදිරිපත් කරන ලද මානව සම්පත් කළමනාකරණය පිළිබඳ කල්පනාකාරී රචනයක් සිතන්න - නවීන නිල් අතුරුමුහුණතක් හරහා මුමුණන කර්සිව් සෙරිෆ් අකුරු.