Shopify
ମଧ୍ୟରାତ୍ରି ଗ୍ରୀନହାଉସ୍ - ଏକ ଗଭୀର ନୀଳ ନୀଳ ପୃଷ୍ଠଭୂମିରେ ଟ୍ରେଡମାର୍କ ଫୁଟିଛି, ପୁଦିନାର ଗୋଟିଏ ସ୍ପାର୍କ ଦ୍ୱାରା ଆଲୋକିତ।
Shopifyର ଡିଜାଇନ୍ ସିଷ୍ଟମ୍ ହେଉଛି ବାଣିଜ୍ୟ ପାଇଁ ଏକ ମଧ୍ୟରାତ୍ରି କର୍ମଶାଳା: ଏକ ଗଭୀର ନୀଳ ସବୁଜ ରଙ୍ଗର ଏକ କଳା କାନଭାସ୍, ଏକ ପ୍ରଶସ୍ତ, ଆତ୍ମବିଶ୍ୱାସୀ ସାନ୍ସ-ସେରିଫ୍ ଟାଇପ୍ଫେସ୍, ଏବଂ ଏକ ଏକକ ସ୍ପନ୍ଦନଶୀଳ ମିଣ୍ଟ ଆକ୍ସେଣ୍ଟ ଯାହା ଇଣ୍ଟରାକ୍ଟିଭ୍ ମୁହୂର୍ତ୍ତଗୁଡ଼ିକୁ ସକ୍ରିୟ କରିଥାଏ। ଇଣ୍ଟରଫେସ୍ ଏକ ଅନ୍ଧାର କୋଠରୀ ପରି ଦେଖାଯାଏ, ଯେଉଁଠାରେ ଉତ୍ପାଦ ଏବଂ ବ୍ରାଣ୍ଡଗୁଡ଼ିକ ଆଲୋକର ଉତ୍ସ - ଫଟୋ ଏବଂ ଷ୍ଟୋରଫ୍ରଣ୍ଟଗୁଡ଼ିକ ପାଖାପାଖି କଳା ପୃଷ୍ଠ ବିରୁଦ୍ଧରେ ଝଲସୁଥାଏ, ଯେତେବେଳେ କ୍ରୋମ୍ ଉପାଦାନଗୁଡ଼ିକ ପଛକୁ ଖସିଯାଏ। ଉପାଦାନଗୁଡ଼ିକ ଜ୍ୟାମିତିକ କିନ୍ତୁ ନରମ: ପତଳା ସୀମା ସହିତ 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— ମୁଖ୍ୟ ପାଠ୍ୟ, ବଟନ୍ ପୂରଣ, ଶୀର୍ଷକ, ଲୋଗୋ।
ଟାଇପୋଗ୍ରାଫି
୧୨ ରୁ ୭୦ ପିକ୍ସେଲ ପର୍ଯ୍ୟନ୍ତ · ୮ଟି ପଦକ୍ଷେପ
- Neue Haas Grotesk — ପ୍ରତିସ୍ଥାପନ: Inter · ବାହ୍ୟରେଖା 330, 400, 500, 550, 600 · ମୂଳ ଟାଇପୋଗ୍ରାଫିକ୍ ସିଷ୍ଟମ ହେଉଛି ୭୦-୯୬ ପିକ୍ସେଲ (୩୩୦-୪୦୦) ଫଣ୍ଟ ଓଜନ ସହିତ ଶୀର୍ଷକ ଯାହା ଜୋରଦାର ନୁହେଁ ବରଂ ସୂକ୍ଷ୍ମ; ୧୬-୧୮ ପିକ୍ସେଲ (୪୦୦-୫୦୦) ଫଣ୍ଟ ଓଜନ ସହିତ ବଡି କପି; ଏବଂ ୧୪-୧୬ ପିକ୍ସେଲ (୫୦୦-୫୫୦) ଫଣ୍ଟ ଓଜନ ସହିତ ନାଭିଗେସନ୍ ଏବଂ ୟୁଜର ଇଣ୍ଟରଫେସ୍। ବଡ଼ ସ୍କ୍ରିନ୍ ଆକାରରେ ୩୩୦ ର ଅଲ୍ଟ୍ରା-ହାଲୁକା ଫଣ୍ଟ ଓଜନ ଏକ ସ୍ୱତନ୍ତ୍ର ବୈଶିଷ୍ଟ୍ୟ: ଏହା ବହୁଳ ନୁହେଁ ବରଂ ସଂଯମ ମାଧ୍ୟମରେ ଆତ୍ମବିଶ୍ୱାସ ପ୍ରକାଶ କରେ।
- 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 — ଅଙ୍ଗାରରେ ସଜାଯାଇଥିବା ଗ୍ୟାଲେରୀରେ ଏକ ଉଜ୍ଜ୍ୱଳ ଅଙ୍ଗାର
- ORYZO AI — ଏକ ଅନ୍ଧାର କୋଠରୀ ବିଷୟରେ ଏକ ଫଟୋ ପ୍ରବନ୍ଧ। ଉଷ୍ମ ଅନ୍ଧାରରେ ଉଡ଼ି ରହିଥିବା ଏକ ଏକାକୀ ବସ୍ତୁ, କ୍ରିମ୍ ଫଣ୍ଟ ଏକମାତ୍ର ସାଜସଜ୍ଜା।
- Factory — ମଧ୍ୟରାତ୍ରିରେ "ଯୁଦ୍ଧ କକ୍ଷ" ଟର୍ମିନାଲ। "କାରଖାନା" ହେଉଛି ଏକ କଳା କଣ୍ଟ୍ରୋଲ ପ୍ୟାନେଲ ଯେଉଁଠାରେ ଏକ ଧଳା କାର୍ଡ ଟର୍ଚ୍ଚଲାଇଟ୍-ଜଳିତ ଡିସପ୍ୟାଚ୍ ପରି ପଡ଼ିଥାଏ - କୋଠରୀରେ ଏକମାତ୍ର ବସ୍ତୁ ହେଉଛି କାମ।
- Hungry Tiger — ତନ୍ଦୁର କାନ୍ଥରେ ହଳଦୀ ଭଳି ଉଜ୍ଜ୍ୱଳ ଗ୍ରାଫିଟି। ସୁନା ଏବଂ କଳଙ୍କିଆ ମାଟିଆ ରଙ୍ଗର ଏକ ସମନ୍ୱିତ ପ୍ୟାଲେଟ୍, ଫଣ୍ଟ ଏତେ ବଡ଼ ଯେ ଏହା ୱେବସାଇଟ୍ ଅପେକ୍ଷା ମସଲା ବଜାରର ଚିହ୍ନ ପରି ଦେଖାଯାଏ।
- Bibliothèque — ସ୍ପଟଲାଇଟ୍ ତଳେ ଏକ କଳା ଘନ ଆକୃତିର ଗ୍ୟାଲେରୀ - ଏକ ବିଶାଳ, ଅନ୍ଧାର ହଲ୍ରେ ଏକ ଏକାକୀ ଆଲୋକିତ ପ୍ଲେଟ୍
- Apple (España) — ଆଲୋକିତ ଫିଟିଂ ସହିତ କଳା ରଙ୍ଗମଞ୍ଚ