Framer
හිස්තැනේ නියොන් ගැලරිය
Framer සම්පූර්ණයෙන්ම අන්ධකාරයෙන් ක්රියා කරයි - ගැලරි විවෘත කිරීමකදී අන්තර්ගතය නියොන් ලකුණක් මෙන් සැරිසරන කළු කැන්වසයකි. 0.8–1.1 තද රේඛා පරතරයක් සහ ආක්රමණශීලී සෘණ අකුරු පරතරයක් (-0.04em at 54px) සහිත GT Walsheim Medium හි සකසා ඇති සිරස්තල, පිටුවේ පිළිවෙලට වාඩි නොවී ඉදිරියට තල්ලු කරන සංක්ෂිප්ත, අලංකාර අකුරු මුහුණතක් නිර්මාණය කරයි. තනි විද්යුත් නිල් (#0099ff) සියලුම ක්රියාකාරී උච්චාරණ සපයයි - මායිම්, දීප්තිය, අයිකන, ක්රියාකාරී තත්වයන් - අතුරු මුහුණතේ ඉතිරි කොටස වර්ණවත්ව පවතින අතර, පිරිසිදු කළු පැහැයෙන් ගැඹුර නිර්මාණය කිරීම සඳහා සියුම් අළු සංක්රාන්ති (#111, #171717, #242424) මත රඳා පවතී. සංරචක අලංකාරයට වඩා සලකා බලනු ලැබේ: 8–25px වටකුරු අරය, තුනී 1px මායිම්, අවම බිංදු සෙවනැලි සහ හිස්බව බැබළීමට ඉඩ සලසන පාරභාසක මතුපිට.
සම්පූර්ණ පළල කොටස් කළු කැන්වසයෙන් ඔබ්බට විහිදෙන අතර, අන්තර්ගතය උපරිම පළල ~1200px දක්වා සීමා කර ඇතුළත කේන්ද්රගත කර ඇත. ප්රධාන කොටසේ වමට පෙළගස්වන ලද ශීර්ෂයක් සහ තනි ක්රියාමාර්ග-කැඳවීමේ (CTA) බොත්තමක් ඇති අතර, දකුණු පැත්ත හිතාමතාම හිස්ව තබා ඇත - අසමමිතිකව, මධ්යගත නොවේ. පෙළ-පමණක් පිරිසැලසුම් (විශාල ශීර්ෂය + උපපෙළ) සහ නිෂ්පාදන තිරපිටපත් අතර කොටස් විකල්ප වේ. "රාමුකරු සමඟ පැමිණේ" කොටස 4-තීරු ජාලයක ලාංඡන බිත්තියක් භාවිතා කරයි. ප්රජා කොටසේ, නිෂ්පාදන තිර රුවක් වටකුරු කොන් සහිත මධ්යගත, සම්පූර්ණ පළල බහාලුමක් තුළ තබා ඇත. සංචාලනය අවම වේ - දෘශ්යමාන පාලනයන් නොමැතිව, වම් පසින් ලාංඡනය සහ දකුණට පෙළගස්වා ඇති සබැඳි සහිත තුනී ඉහළ තීරුවකි. අංශ රිද්මය: කොටස් අතර සැලකිය යුතු 80px සිරස් හිඩැස්, හිස්තැනේ පාවෙන අන්තර්ගතයේ වෙනස් දූපත් නිර්මාණය කරයි.
නිෂ්පාදනයේ පරිශීලක අතුරුමුහුණතේ තිරපිටපත් ආධිපත්යය දරයි - රථවාහන ආලෝක තිත් සහිත ක්රෝම් වැනි කවුළුවකින් රාමු කර ඇති අතර, යෙදුමේ කාවැද්දූ තිරපිටපත් ප්රධාන රූපය බවට පත්වේ. ගුණාත්මකභාවය පිළිබඳ සාක්ෂියක් ලෙස සේවය කරන ලාංඡන, පුළුල් පරතරයක් සහිත කළු පසුබිමක සුදු අකුරින් ඉදිරිපත් කෙරේ. ඡායාරූප, නිදර්ශන හෝ වියුක්ත ග්රැෆික්ස් භාවිතා නොකෙරේ - දෘශ්ය භාෂාව නිෂ්පාදනයම වන අතර එය ජීවමාන අතුරු මුහුණතක් ලෙස ප්රදර්ශනය කෙරේ. අයිකන විලාසය: අවම, දළ සටහන්, ඒකවර්ණ සහ කුඩා ප්රමාණවලින් සුදු. පෙළ ඝනත්වය: ප්රධාන වශයෙන් පෙළ, නිෂ්පාදන තිරපිටපත් ආකාරයෙන් ඉඳහිට විශාල කොටස් සමඟ. අවකාශයේ දෘශ්ය සමතුලිතතාවය රූපවලට වඩා මුද්රණ ශිල්පයට පැහැදිලිවම අනුග්රහය දක්වයි.
පැලට්
වෙළඳ නාමය
- Vivid Violet
#0066ff— ප්රාථමික ක්රියා බොත්තම යනු අතුරු මුහුණතේ ඝන වර්ණ බොත්තම් පසුබිමක් දර්ශනය වන එකම ස්ථානයයි.
උදාසීන
- Bone
#ffffff— ප්රධාන මාතෘකා, අඳුරු පසුබිමක ප්රධාන පෙළ, බොත්තම් පසුබිම ආලෝකයේ එකම ප්රභවයයි. - Void
#000000— පිටු කැන්වසය, සංචාලන පසුබිම, කාඩ්පත් මතුපිට, අයිකන පිරවීම - මේ සියල්ල අත්යවශ්ය නොවන අන්තර්ගතයන් අවශෝෂණය කරන නිමක් නැති කළු වර්ණයකි. - Graphite
#111111— උස් වූ කාඩ්පත් මතුපිට හිස් අවකාශයට වඩා පියවරක් ඉහළින් පවතී - විශාල, ක්රියාකාරී කාඩ්පත් සහ මාදිලි බහාලුම්. - Obsidian
#171717— බොත්තම් සඳහා අතරමැදි මතුපිට, අමතර කාඩ්පත්, UI පිරවුම් - කැන්වසයෙන් අන්තර්ක්රියාකාරී අංග වෙන් කරයි. - Slate
#242424— සැරිසැරීමේදී, පෙළ ආකෘතියට මාරු වීමට පෙර ආදාන ක්ෂේත්ර සහ ඉන්ඩෙන්ට් කළ පැනල් දීප්තිමත්ම උදාසීන සෙවන වේ. - Ash
#333333— අක්රිය පසුබිම් රූප සහ ව්යුහාත්මක අංග සඳහා ගැඹුරු පිරවීම.
මුද්රණ ශිල්පය
12 සිට 68px දක්වා · පියවර 8 යි
- sans-serif — ආදේශනය: Inter · දළ සටහන් 400 · sans-serif - උපුටා ගත් දත්තවල දක්නට ලැබේ, නමුත් AI විසින් විස්තර කර නොමැත.
- GT Walsheim — ආදේශනය: Inter Tight · දළ සටහන් 500 · ශීර්ෂ සහ මාතෘකා සඳහා අකුරු වෙළඳ නාම අකුරු වේ. එය ආක්රමණශීලී ලෙස සංක්ෂිප්ත කර ඇති අතර, 44–68px පරාසයේ රේඛා පරතරය 0.8–1.1 සහ අකුරු පරතරය -0.04em සිට -0.05em දක්වා ඇත. එය අලංකාර අංගයක් නොවේ; GT Walsheim හි ජ්යාමිතික උණුසුම, දැඩි මිනුම් සමඟ ඒකාබද්ධව, පද්ධතියේ හඬ නිර්මාණය කරයි - විශ්වාසදායක, සංයුක්ත සහ තරමක් අනාගතවාදී. සමාන ජ්යාමිතික ප්රකාශනය සඳහා, Inter Tight හෝ Space Grotesk Bold සලකා බලන්න.
- Inter Variable — ආදේශනය: Inter · දළ සටහන් 400 · ප්රධාන පෙළ, සංචාලනය සහ ද්විතියික ශීර්ෂයන් වැඩ අශ්වයා වේ. අන්තර් විචල්ය අක්ෂය බර සුමට අන්තර්නිවේෂණය සඳහා ඉඩ සලසයි. ප්රමාණය වැඩි වන විට ලුහුබැඳීම පටු වේ: -0.001em සිට 18px දක්වා සහ -0.027em සිට 22px දක්වා. විචල්ය අනුවාදය අඩවියේ සුමට ක්ෂුද්ර සජීවිකරණ සඳහා ඉඩ සලසයි. ප්රතිස්ථාපනය: අන්තර් ( Google) - පාහේ සමාන පසුබැසීමක්.
අන්තරයන් සහ ආකෘතිය
| අරමුණ | අර්ථය |
|---|---|
| ඝනත්වය | සාමාන්යය |
| මූලික පියවර | 10px |
| බොත්තම් අරය | 9999px |
| කාඩ් පතේ අරය | 20px |
| සෙවනැලි | සෙවනැලි වෙනුවට මායිම් නැත |
| කොටස් අතර | 80px |
| පිටු පළල | 1200px |
AI ඔබේ වෙබ් අඩවිය Framer ශෛලියෙන් ගොඩනගා එය පුරවනු ඇත.
- Instagram, TikTok, Facebook යන සබැඳිය හරහා නිෂ්පාදන සහ පළ කිරීම් පුරවන්න.
- ඔබගේ පැරණි අඩවියෙන් අන්තර්ගතය මාරු කරන්න—ලිපිනය පමණක් සඳහන් කරන්න.
- හොඳම එන්ජිම මත නවීන නිර්මාණය: සේවාදායක විදැහුම්කරණය සහ SEO ප්රශස්තිකරණය සමඟින් React ( Next.js).
- සෙවුම් ප්රතිඵල සහ ස්නායු ජාල නිර්දේශ සඳහා සම්පූර්ණයෙන්ම ස්වයංක්රීය SEO ප්රශස්තිකරණය.
සමාන විලාස
- Auros — ජෛව දීප්ත දත්ත බෝල සහිත අගාධ පර්යන්තය
- Origin Financial — නිහඬ සුඛෝපභෝගීත්වයෙන් පිරුණු මධ්යම රාත්රියේ ගැලරියක්. විශාල සෙරිෆ් අකුරු සහ ආලෝකමත් වර්ණ පැනල් කිහිපයක් ඇති නිහඬ, පාහේ අඳුරු කාමරයක්, මූල්ය යනු ප්රවේශමෙන් සකස් කරන ලද කලා කෘතියක් බවට හැඟීමක් ඇති කරයි.
- Raycast — මධ්යම රාත්රියේ විධාන මධ්යස්ථානය, කොරල් නියොන්
- Dimension — හිම සහිත වීදුරු පැනල් සහිත අඳුරෙන් ආලෝකමත් වූ වැඩපොළක්
- Reflect Notes — තරු දම් පැහැති අවකාශය යනු කළු පැහැති ඉන්ඩිගෝ හිස්බවක පසුබිමක තාරකා මණ්ඩල මෙන් පාවෙන සටහන් අඳුරු නිරීක්ෂණාගාරයකි.
- Ameba — මධ්යම රාත්රියේ පාලක මැදිරිය - හිම සහිත වීදුරු පැනල් තුළ විදුලි නිල් ස්පන්දනයක්
- Branding — කළු ගැලරි බිත්තිය, ලේ රතු උච්චාරණ - විශාල සුදු අකුරු හිස් අවකාශයකට සමාන අඳුරු කැන්වසයක් මත පාවෙන අතර, තනි දීප්තිමත් රතු උච්චාරණයකින් සහ වෙබ් අතුරු මුහුණතකට වඩා ගැලරි සංඥාවක් මෙන් පෙනෙන කැපී පෙනෙන අලංකාර අංග වලින් බාධා වේ.
- Harness — පොස්පරස් කොළ පැහැති උච්චාරණ සහිත මධ්යම රාත්රියේ මෙහෙයුම් පාලනය
- Koto — මධ්යම රාත්රියේ ඔබ්සිඩියන් ගැලරිය. උණුසුම් ආලෝක ප්රභවය තනි කහ සලකුණක් වන සහ ඝනීභූත වර්ගය ප්රදර්ශන පෝස්ටර් මෙන් විශාල සෘණ අවකාශයේ පාවෙන, පාහේ කළු පැහැති වේදිකාවක්.
- Ohzi — අඳුරු ගැලරියක එල්ලා ඇති දිලිසෙන ඝනකයක්
- Depot — අඳුරු සේවාදායක පර්යන්තය. වැඩ ආරම්භය සංඥා කරන තනි කොළ පැහැති LED එකක් සහිත කළු පැහැති සංවර්ධක කොන්සෝලයක් සහ ඉතිරි පරිශීලක අතුරුමුහුණත මිනිරන් වලින් ප්රදර්ශනය කෙරේ.
- Maciej Zadykowicz — කලීඩොස්කොපික් බිතුසිතුවමක් සහිත මිඩ්නයිට් ගැලරිය කළු පැහැති ස්ටුඩියෝ බිත්තියක් වන අතර එහි එක් විචිත්රවත්, වර්ණවත් මුද්රණ කලා කෘතියක් අවධානය ආකර්ෂණය කර ගන්නා අතර අනෙක් සියල්ල නිහඬව හා හිතාමතාම පවතී.