Shopify
මධ්‍යම රාත්‍රියේ හරිතාගාරය - ගැඹුරු ටර්කියුයිස් පසුබිමක මල් පිපෙන වෙළඳ ලකුණු, තනි මින්ට් දැල්ලකින් ආලෝකමත් වේ.
Shopify හි නිර්මාණ පද්ධතිය වාණිජ කටයුතු සඳහා මධ්‍යම රාත්‍රියේ වැඩමුළුවකි: ගැඹුරු ටර්කියුයිස් කොළ පැහැයෙන් වර්ණ ගැන්වූ කළු පැහැති කැන්වසයක්, පළල්, විශ්වාසදායක sans-serif අකුරු මුහුණතක් සහ අන්තර්ක්‍රියාකාරී අවස්ථා සක්‍රිය කරන තනි විචිත්‍රවත් මින්ට් උච්චාරණයක්. අතුරුමුහුණත අඳුරු කාමරයකට සමාන වන අතර, නිෂ්පාදන සහ වෙළඳ නාම ආලෝකයේ ප්‍රභවය වේ - ඡායාරූප සහ වෙළඳසැල් ඉදිරිපස කළු පැහැයට ආසන්න මතුපිටට එරෙහිව දිලිසෙන අතර ක්‍රෝම් මූලද්‍රව්‍ය පසුබසිනු ඇත. සංරචක ජ්‍යාමිතික නමුත් මෘදුයි: තුනී මායිම් සහිත 12px-අරය කාඩ්පත්, පෙති හැඩැති බොත්තම් සහ කෑගැසීම් වලට වඩා පරිමාණය මුමුණන 330-බර අකුරු මුහුණතක්. තනි වර්ණ විරාම ලකුණක් (#36f4a4) සබැඳි, ටැග් සහ නාභිගත තත්වයන් මත අරපිරිමැස්මෙන් භාවිතා කරයි, වෙළඳ කතා දෘශ්‍ය කේන්ද්‍රීය ලක්ෂ්‍යය ලෙස පවතින බව සහතික කිරීම සඳහා ක්‍රියාකාරී අවස්ථාවන් සඳහා වර්ණය වෙන් කරයි.
උපරිම පළල ~1280px, මධ්‍යගතව, ඡායාරූප බහාලුමෙන් ඔබ්බට විහිදෙන සම්පූර්ණ-පළල ස්ප්ලෑෂ් බ්ලොක් සමඟ. පිටු රිද්මය විකල්ප වේ: (1) උඩින් ඇති ශීර්ෂ පාඨයක් සහ ක්‍රියා කිරීමට ඇමතුම් බොත්තම් සහිත සම්පූර්ණ-පළල අඳුරු ස්ප්ලෑෂ් පිටුවක්, (2) තීරු 2 ක උපරිම-පළල පෙළ සහ රූප බ්ලොක් සහිත සුවපහසු අඳුරු කොටස් හෝ තීරු 3 ක රූප ජාලක, (3) අන්තර්ක්‍රියාකාරී ප්‍රදර්ශන පැනල් (නිෂ්පාදන කාඩ්පත, නැව්ගත කිරීමේ කැල්කියුලේටරය, ලෝක සිතියම) ගැඹුරු කැන්වසයක් මත එසවූ කාඩ්පත් ලෙස ප්‍රදර්ශනය කෙරේ. සංචාලනය යනු ලාංඡනය + සංචාලන අංග 3 + ද්විතියික සබැඳි + ප්‍රාථමික ක්‍රියා කිරීමට ඇමතුම් බොත්තම සහිත ස්ථාවර ඉහළ තීරුවකි, සියල්ල දකුණට පෙළගස්වා ඇත. සිරස් රිද්මය සුමට සංක්‍රාන්තියක් සහිත කොටස් අතර 80px හිඩැස් භාවිතා කරයි—අඳුරු කොටස් අතර බෙදුම්කරුවන් නොමැත, මතුපිට ස්වරයේ වෙනසක් පමණි.
දෘශ්‍ය නිර්මාණය ප්‍රධාන වශයෙන් සිල්ලර වෙළෙන්දා කෙරෙහි අවධානය යොමු කර ඇත: සම්පූර්ණ ප්‍රමාණයේ නිෂ්පාදන ඡායාරූප සහ වෙළඳ නාම සිදුවීම්වල ඡායාරූප දෘශ්‍ය බරින් වැඩි ප්‍රමාණයක් දරයි, බොහෝ විට ආවරණය කරන ලද සුදු පෙළ සහිත විශාල පසුබිම් ආකාරයෙන්. රූප තදින් කපා ඇත, ඉහළ ප්‍රතිවිරුද්ධතාවයක් සහ උත්සවශ්‍රීයෙන් යුක්ත වේ (නැස්ඩැක් සීනුව නාද කිරීම, කණ්ඩායම් සුබ පැතුම්, අතේ ඇති නිෂ්පාදනවල සමීප රූප). අඳුරු පසුබිම මෙම ඡායාරූප ස්පොට් ලයිට් මගින් ආලෝකමත් කර ඇති බවට හැඟීමක් ඇති කරයි. නිදර්ශන අවම වේ - ප්‍රධාන පැහැදිලි කිරීමේ කාර්යය සිදු කරනු ලබන්නේ කාවැද්දූ නිෂ්පාදන රූප සහ වෙළඳසැල් ඉදිරිපස තිරපිටපත් මගිනි. අයිකන ඒකවර්ණ වන අතර, ක්‍රියාකාරී තත්වයන් සඳහා 1.5–2px රේඛා පළලක්, සාමාන්‍යයෙන් සුදු හෝ #36f4a4 වේ.
පැලට්
වෙළඳ නාමය
- Shopify Mint
#36f4a4— සක්‍රීය සංචාලන දර්ශක, නාභිගත මුදු, ටැග් උද්දීපනයන් සහ සබැඳි මත ඇති හොවර් උද්දීපනයන් යනු අඳුරු පසුබිමකට එරෙහිව සක්‍රීය අන්තර්ක්‍රියාකාරිත්වයේ හැඟීමක් ඇති කරන එකම වර්ණ දිලිසීමයි.
උදාසීන
- Midnight Forest
#02090a— පිටු කැන්වසය, ශීර්ෂ පසුබිම් රූප, කොටස් පසුබිම් රූප - Deep Lichen
#061a1c— ප්‍රධාන කාඩ්පත් මතුපිට, උස් වූ පැනල්, අන්තර්ගත කොටස්. - Shaded Fern
#072720— සංචාලන පැනලය, අමතර කාඩ්පත්, පැනලයේ යන්තම් කැපී පෙනෙන එසවීමක්. - Spruce Border
#1e2c31— කාඩ්පත් සඳහා තුනී මායිම්, බෙදුම් රේඛා, ආදාන ක්ෂේත්‍ර දළ සටහන්. - Abyss Indigo
#000a1e— නිෂ්පාදන/නිරූපණ කාවැද්දීම සඳහා අමතර මතුපිටක්, කාර්යයන් පිළිබඳ විස්තර සහිත පැනල්. - Pure White
#ffffff— ප්‍රධාන පෙළ, බොත්තම් පිරවීම, මාතෘකාව, ලාංඡන.
මුද්‍රණ ශිල්පය
12 සිට 70px දක්වා · පියවර 8 යි
- Neue Haas Grotesk — ආදේශනය: Inter · දළ සටහන් 330, 400, 500, 550, 600 · මූලික මුද්‍රණ පද්ධතිය වන්නේ ඝෝෂාකාරී නොව සියුම් අකුරු බර 70–96px (330–400) සහිත සිරස්තල; 16–18px (400–500) අකුරු බරක් සහිත ශරීර පිටපත; සහ 14–16px (500–550) අකුරු බරක් සහිත සංචාලනය සහ පරිශීලක අතුරුමුහුණතයි. විශාල තිර ප්‍රමාණයන්හි 330 ක අතිශය සැහැල්ලු අකුරු බර සුවිශේෂී ලක්ෂණයකි: එය තොග වශයෙන් නොව සංයමයෙන් විශ්වාසය ප්‍රකාශ කරයි.
- Inter Variable — ආදේශනය: Inter · දළ සටහන් 400, 420, 450, 550 · සංචාලන අතුරුමුහුණත් අංග, කුඩා සටහන්, ටැබ් පාලන සහ පාදකවල ක්ෂුද්‍ර පෙළ සඳහා භාවිතා කරන ද්විතියික අකුරු වර්ගයකි. එහි තරමක් විශාල කුඩා අකුරු සහ වඩාත් සම්මත අකුරු පරතරය සංයුක්ත ප්‍රමාණවලින් එය වඩාත් කියවිය හැකි කරයි. බර 420 ක අකුරු සාමාන්‍ය සහ මධ්‍යම ප්‍රමාණයේ අකුරු අතර පරතරය පුරවන අවස්ථා සඳහා ද එය සුදුසු වේ.
අන්තරයන් සහ ආකෘතිය
| අරමුණ | අර්ථය |
|---|---|
| ඝනත්වය | සාමාන්‍යය |
| මූලික පියවර | 12px |
| බොත්තම් අරය | 9999px |
| කාඩ් පතේ අරය | 12px |
| සෙවනැලි | සෙවනැලි වෙනුවට මායිම් නැත |
| කොටස් අතර | 80px |
| පිටු පළල | 1280px |
AI ඔබේ වෙබ් අඩවිය Shopify ශෛලියෙන් ගොඩනගා එය පුරවනු ඇත.
- Instagram, TikTok, Facebook යන සබැඳිය හරහා නිෂ්පාදන සහ පළ කිරීම් පුරවන්න.
- ඔබගේ පැරණි අඩවියෙන් අන්තර්ගතය මාරු කරන්න—ලිපිනය පමණක් සඳහන් කරන්න.
- හොඳම එන්ජිම මත නවීන නිර්මාණය: සේවාදායක විදැහුම්කරණය සහ SEO ප්‍රශස්තිකරණය සමඟින් React ( Next.js).
- සෙවුම් ප්‍රතිඵල සහ ස්නායු ජාල නිර්දේශ සඳහා සම්පූර්ණයෙන්ම ස්වයංක්‍රීය SEO ප්‍රශස්තිකරණය.
සමාන විලාස
- Retool — උණුසුම් ඔබ්සිඩියන් වැඩමුළුවක් - නිරවද්‍ය මෙවලම් සඳහා මතුපිටක්, දුම් දමන ගිනි අඟුරුවලින් ආලෝකමත් කර ඇති අතර, එහිදී සියල්ල නිර්මාණය වේ.
- Elektron — මධ්‍යම රාත්‍රියේ උපකරණ පාලක පැනලය කළු පැහැති කැන්වසයකට ආසන්න වන අතර, එහි අතුරු මුහුණත පාහේ නොපෙනී පවතින අතර නිෂ්පාදන ඡායාරූප බැබළෙයි.
- REKKI — ඡායාරූප රසායනාගාරයේ පියාසර පාලක පැනලය
- OFFFICE : — මොනොලිතික් අකුරු වලින් පිරුණු නොයාර් ගැලරියක්
- Clyde — තනි ස්පොට් ලයිට් එකක් සහිත ප්‍රදර්ශනාගාරය අඳුරු ගැලරියකට ආසන්නයි, එහි කාමරයේ ඇති එකම වර්ණය උණුසුම් අනුක්‍රමික බෝලයකි.
- Channel Studio — කොරල් ලාම්පු ආවරණයක් සහිත ස්ටුඩියෝ ඡායාරූප රසායනාගාරයක්
- Electronic Materials Office — අඟුරු වලින් සරසා ඇති ගැලරියක දිලිසෙන ගිනි අඟුරක්
- Apple iPhone 18 Pro — මධ්‍යම රාත්‍රියේ දෘඩාංග ගැලරියක්. සෑම කොටසක්ම අඳුරු, කෞතුකාගාරයක් වැනි කුළුණක් ලෙස සලකන්න, නිෂ්පාදනයේ එක් කොටසක් නිශ්චිතව උද්දීපනය කර ඇති අතර, මුද්‍රණ ශිල්පය සහ නිල් පාලනයන් ඒ වටා විචක්ෂණ ලේබල් ලෙස සේවය කරයි.
- Apple Watch Ultra 4 — රාත්‍රී කාලයේ පරීක්ෂා කිරීම සඳහා මෙවලමක්. කළු ප්‍රදර්ශන ප්‍රදේශ අනුපිළිවෙලක් ලෙස තිර සාදන්න, එහිදී දැවැන්ත SF Pro ශීර්ෂයන් ඉහළ නිරවද්‍යතා උපකරණ, ක්‍රියාකාරී දත්ත සහ ප්‍රවේශමෙන් මාත්‍රා කරන ලද විද්‍යුත් වර්ණ රාමු කරයි.
- Apple Watch Series 12 — අඳුරේ ලෝකඩ සංවේදකයක්. ඔරලෝසුවේ දෘඩාංග සහ තත්ත්‍ව ඇඟවීම් අඳුරු ගැලරියක එල්ලා ඇති ආලෝකමත් වස්තූන් ලෙස සිතන්න.
- Bedouin's Daughter — කළු වෙල්වට් මත හිරු එළිය. දෘශ්‍ය සංයුතියේ සමාන කොටස් ලෙස දීප්තිමත් බටර් වැනි කහ, තද කළු මතුපිට සහ කැටිති වැනි, හිරු එළියෙන් ආලෝකමත් වූ රූප භාවිතා කරන්න.
- ORYZO AI — අඳුරු කාමරයක් පිළිබඳ ඡායාරූප රචනයක්. උණුසුම් අන්ධකාරයේ පාවෙන හුදකලා වස්තුවක්, එකම සැරසිලි ක්‍රීම් අකුරු.