FRANKY'S
ଏକ ସ୍କେଟ ଦୋକାନର କାଉଣ୍ଟରରେ ଏକ ରେଟ୍ରୋ ଗେମିଂ କିଓସ୍କ
ଫ୍ରାଙ୍କିର ଦୃଶ୍ୟ ଭାଷା ହେଉଛି ରେଟ୍ରୋ ଆର୍କେଡ୍ ଏବଂ ସ୍କେଟବୋର୍ଡ ଦୋକାନର ଏକ ମିଶ୍ରଣ: ଏକ ଉଷ୍ମ କ୍ରିମ୍ କାନଭାସ୍ (#f3e5df) ଯାହା କଠିନ ପିକ୍ସେଲ୍ ସୀମା ଦ୍ୱାରା ଫ୍ରେମ୍ କରାଯାଇଛି, ଏକ ସର୍ବବ୍ୟାପୀ କଳା-ଧଳା ଚେକରବୋର୍ଡ, ଏବଂ ୱେବସାଇଟରେ ପ୍ରତ୍ୟେକ ଶବ୍ଦ ପାଇଁ ବ୍ୟବହୃତ ଏକ ପିକ୍ସେଲ୍ ଫଣ୍ଟ, ଆର୍କେଡ୍। ପ୍ୟାଲେଟ୍ ଉଦ୍ଦେଶ୍ୟମୂଳକ ଭାବରେ ବିରଳ - କେବଳ ଦୁଇଟି ରଙ୍ଗୀନ ରଙ୍ଗ ରହିଛି (ସାଇନ୍ ପାଇଁ କମଳା ସଙ୍କେତ #faa21f ଏବଂ କିଣନ୍ତୁ ବଟନ୍ ପାଇଁ ସମତଳ ସବୁଜ #128e44), ସମ୍ପୂର୍ଣ୍ଣ ପଦାନୁକ୍ରମ ଆର୍କେଡ୍ ଫଣ୍ଟ ଓଜନକୁ 400 ରୁ 700 କୁ ବୃଦ୍ଧି କରି ଏବଂ କ୍ରିମ୍ ପୃଷ୍ଠଭୂମି ବିରୁଦ୍ଧରେ କଳା ବ୍ୟବହାର କରି ପ୍ରକାଶିତ ହୋଇଛି। ପୃଷ୍ଠଗୁଡ଼ିକ ସମତଳ ଏବଂ ଏକକ ରହିଥାଏ; ଗଭୀରତା କେବଳ ବଟନ୍ଗୁଡ଼ିକରେ ସନ୍ନିବେଶିତ 1px କ୍ରିମ୍ ରେଖା ଏବଂ ଚେକରବୋର୍ଡର ଟୋନାଲ୍ ପ୍ଲେ ମାଧ୍ୟମରେ ହାସଲ କରାଯାଏ। ଉପାଦାନଗୁଡ଼ିକ 1990 ଦଶକର ଷ୍ଟୋରଫ୍ରଣ୍ଟ ସ୍ପ୍ରାଇଟ୍ସକୁ ମନେ ପକାଇଥାଏ: ଘନ କଳା ସୀମା, ଟାଇଟ୍ 6-12px ସୀମା ରେଡିଆ, କମ୍ପାକ୍ଟ 4-8px ପ୍ୟାଡିଂ, ଏବଂ 3D/AR ଟୋଗଲ୍ ଯାହା କ୍ରୋମ୍ ଉପାଦାନ ଅପେକ୍ଷା ପିକ୍ସେଲେଟେଡ୍ ଆଇକନ୍ ପରି ଦେଖାଯାଏ। ନୂତନ ପୃଷ୍ଠାଗୁଡ଼ିକ ଆର୍କେଡ୍ ପରି ପରିବେଶ ବଜାୟ ରଖିବା ପାଇଁ ଉଦ୍ଦିଷ୍ଟ: କମଳା ସ୍କ୍ରୋଲିଂ ପାଠ୍ୟ ବ୍ୟତୀତ ଅନ୍ୟ କୌଣସି ଗ୍ରାଡିଏଣ୍ଟ ନାହିଁ, କୌଣସି ନରମ ଛାୟା ନାହିଁ, କୌଣସି ସାଜସଜ୍ଜା ଟାଇପୋଗ୍ରାଫି ନାହିଁ - କେବଳ କ୍ରିମ୍ ରଙ୍ଗର କାଗଜ, କଳା ପିକ୍ସେଲେଟ୍ ରେଖା ଏବଂ ଗୋଟିଏ ଉଷ୍ମ କମଳା ରଙ୍ଗ।
ଡେସ୍କଟପରେ, ଉତ୍ପାଦ ପୃଷ୍ଠା ସର୍ବାଧିକ 1200px ପ୍ରସ୍ଥ ସହିତ ଏକ ପୂର୍ଣ୍ଣ-ପ୍ରସ୍ଥ, କେନ୍ଦ୍ରିତ ଲେଆଉଟ୍ ପ୍ରଦର୍ଶନ କରେ। ଉପରୁ ତଳ ତାଳ ହେଉଛି: କମଳା ସ୍କ୍ରୋଲିଂ ପାଠ୍ୟ → ଏକ କଳା ରେଖା ସହିତ କ୍ରିମ୍-ରଙ୍ଗର ହେଡର → ଦୁଇ-ସ୍ତମ୍ଭ ବିଭାଜନ (ହୋମପେଜରେ 55% ଚେକରବୋର୍ଡ / ଉତ୍ପାଦ କାର୍ଡର 45% ଦୁଇ-ସ୍ତମ୍ଭ ଗ୍ରୀଡ୍) → ଫୁଟରରେ କ୍ରିମ୍-ରଙ୍ଗର ଷ୍ଟ୍ରାଇପ୍। ମୋବାଇଲରେ, ହୋମପେଜ ଏକ ପୂର୍ଣ୍ଣ-ପ୍ରସ୍ଥ ଚେକରବୋର୍ଡରେ ଭାଙ୍ଗିଯାଏ, ଏବଂ ଗ୍ରୀଡ୍ ଏକ ଏକକ-ସ୍ତମ୍ଭ ଲେଆଉଟ୍ ହୋଇଯାଏ। କାର୍ଡଗୁଡ଼ିକ ମଧ୍ୟରେ ଧୂସର Pixel (#e5e7eb) ଡିଭାଇଡର୍ ସହିତ ଦୁଇ-ସ୍ତମ୍ଭ ଗ୍ରୀଡ୍ ରେ ସମାନ ଭାବରେ ବଣ୍ଟନ କରାଯାଏ। ବିଭାଗଗୁଡ଼ିକ ମଧ୍ୟରେ ବ୍ୟବଧାନ ସର୍ବନିମ୍ନ (43–61px), ଏବଂ ଇଣ୍ଟରଫେସ୍ କେବେବି ପୃଷ୍ଠାର ସମ୍ପୂର୍ଣ୍ଣ ପ୍ରସ୍ଥ ସହିତ ବ୍ୟାପ୍ତ ଗାଢ଼ ଷ୍ଟ୍ରାଇପ୍ ବ୍ୟବହାର କରେ ନାହିଁ - କ୍ରିମ୍ କାନଭାସ୍ ବିନା ବାଧାରେ ପ୍ରଦର୍ଶିତ ହୁଏ।
ଏକ ସଫା କ୍ରିମ୍ ପୃଷ୍ଠଭୂମିରେ କ୍ୟାପଗୁଡ଼ିକର ଏକ ଫଟୋଗ୍ରାଫ୍, କେନ୍ଦ୍ରିତ ଏବଂ କଡ଼ାକଡ଼ି କ୍ରପ୍ କରାଯାଇଛି, ତଳେ ଏକ ନରମ, କୋଇଲା-କଳା ଛାଇ ଅଛି। କୌଣସି ଜୀବନଶୈଳୀ ନାହିଁ, କୌଣସି ମଡେଲ୍ ନାହିଁ, କୌଣସି ପ୍ରସଙ୍ଗ ନାହିଁ - କ୍ୟାପ ହେଉଛି ତାରା। ମୁଖ୍ୟ ଉପାଦାନ ପଛରେ ଏକ ଚେକରବୋର୍ଡ ପ୍ୟାଟର୍ନ ଗ୍ରାଫିକ୍ ପୃଷ୍ଠ ଭାବରେ କାର୍ଯ୍ୟ କରେ। କୌଣସି ଚିତ୍ର ନାହିଁ, ବର୍ଦ୍ଧିତ ବାସ୍ତବତା ଟୋଗଲ୍ ବ୍ୟତୀତ କୌଣସି 3D ରେଣ୍ଡର ନାହିଁ, ଲୋଗୋରେ ପିକ୍ସେଲେଟେଡ୍ କ୍ରସ୍ ବ୍ୟତୀତ କୌଣସି ସାଜସଜ୍ଜା ଆଇକନ୍ ନାହିଁ।
ପ୍ୟାଲେଟ୍
ବ୍ରାଣ୍ଡ
- Marquee Orange
#faa21f— ସ୍କ୍ରିନର ଉପରେ ନୋଟିଫିକେସନ୍ ବାର୍, ଆକ୍ସେଣ୍ଟ ଉପାଦାନଗୁଡ଼ିକ, ବ୍ରାଣ୍ଡିଂ। - Buy Green
#128e44— "କାର୍ଟରେ ଯୋଡନ୍ତୁ" ବଟନ୍ ପୂରଣ ହୋଇଛି - ସବୁଜ ରଙ୍ଗରେ ଚିହ୍ନିତ ଏକମାତ୍ର କ୍ରୟ କାର୍ଯ୍ୟ।
ନିରପେକ୍ଷ
- Arcade Cream
#f3e5df— ପୃଷ୍ଠାର ପୃଷ୍ଠଭୂମି, ଉତ୍ପାଦ କାର୍ଡ ପୃଷ୍ଠ, ବଟନ୍ ଇନସର୍ଟ। - Ink Black
#000000— ମୁଖ୍ୟ ପାଠ୍ୟ, ଚେକରବୋର୍ଡ ଲେଆଉଟ୍, ସମସ୍ତ UI ସୀମା, କାର୍ଡ ଆଉଟଲାଇନ୍, ଆଇକନ୍ ସୀମା। - Pixel Gray
#e5e7eb— ପତଳା ସୀମା, କାର୍ଡ ଡିଭାଇଡର୍, ଗ୍ରୀଡ୍ ସେଲ୍ ମଧ୍ୟରେ ଗଠନମୂଳକ ନିୟମ। - Charcoal
#333333— ଦ୍ୱିତୀୟ ପୃଷ୍ଠ ସ୍ୱର, ଚେକରବୋର୍ଡ ଛାୟା ବର୍ଗ, ଛାୟା ରଙ୍ଗ - Carbon
#151515— ଚିତ୍ର ପୂରଣ କରିବା ପାଇଁ ସମୃଦ୍ଧ ନିରପେକ୍ଷ ସ୍ୱର ଏବଂ ସବୁଠାରୁ ଘନ ଚେକରବୋର୍ଡ ଟାଇଲ୍ସ। - Muted Gray
#737373— ବଟନଗୁଡ଼ିକରେ ଏବଂ ମୁଖ୍ୟ ଭାଗରେ ଥିବା ପାଠ୍ୟକୁ ଅକ୍ଷମ/ମ୍ୟୁଟ୍ କରାଯାଇଛି
ଟାଇପୋଗ୍ରାଫି
୧୦ ରୁ ୧୮ ପିକ୍ସେଲ ପର୍ଯ୍ୟନ୍ତ · ୪ଟି ପଦକ୍ଷେପ
- Arcade — ପ୍ରତିସ୍ଥାପନ: VT323 · ବାହ୍ୟରେଖା 400, 700 · ସମଗ୍ର ଇଣ୍ଟରଫେସରେ ଗୋଟିଏ ଫଣ୍ଟ ବ୍ୟବହାର କରାଯାଏ - ସମସ୍ତ ଶୀର୍ଷକ, ଲେବଲ୍, ମୂଲ୍ୟ, ବଟନ୍, ବଡି ଟେକ୍ସଟ୍ ଏବଂ ଆଇକନ୍ ଆର୍କେଡ୍ରେ ଅଛି। 400 ରୁ 700 କୁ ପରିବର୍ତ୍ତନ ହେଉଛି ପଦାନୁକ୍ରମ ସୃଷ୍ଟି କରିବା ପାଇଁ ଏକମାତ୍ର ଉପକରଣ; ଦ୍ୱିତୀୟ ଫଣ୍ଟ ବ୍ୟବହାର କରିବା ଦ୍ଵାରା କିଓସ୍କ ଭ୍ରମ ନଷ୍ଟ ହୋଇଯିବ।
ବ୍ୟବଧାନ ଏବଂ ରୂପ
| ଉଦ୍ଦେଶ୍ୟ | ଅର୍ଥ |
|---|---|
| ଘନତ୍ୱ | ଘନ |
| ମୌଳିକ ପଦକ୍ଷେପ | 4-8px |
| ବଟନ୍ ପରିଧି | 6px |
| କାର୍ଡ ପରିଧି | 12px |
| ଛାଇ | ଛାୟା ବଦଳରେ ନାହିଁ - ସୀମା |
| ବିଭାଗଗୁଡ଼ିକ ମଧ୍ୟରେ | 43-61px |
| ପୃଷ୍ଠାର ପ୍ରସ୍ଥ | 1200px |
AI ଆପଣଙ୍କ ୱେବସାଇଟ୍ FRANKY'S ଶୈଳୀରେ ତିଆରି କରିବ ଏବଂ ଏହାକୁ ପୂରଣ କରିବ।
- ଲିଙ୍କ୍ ମାଧ୍ୟମରେ ଉତ୍ପାଦ ଏବଂ ପୋଷ୍ଟ ପୂରଣ କରନ୍ତୁ - Instagram, TikTok, Facebook ।
- ଆପଣଙ୍କର ପୁରୁଣା ସାଇଟ୍ରୁ ବିଷୟବସ୍ତୁ ସ୍ଥାନାନ୍ତର କରନ୍ତୁ—କେବଳ ଠିକଣା ନିର୍ଦ୍ଦିଷ୍ଟ କରନ୍ତୁ।
- ସର୍ବୋତ୍ତମ ଇଞ୍ଜିନରେ ଆଧୁନିକ ଡିଜାଇନ୍: ସର୍ଭର ରେଣ୍ଡରିଂ ଏବଂ SEO ଅପ୍ଟିମାଇଜେସନ୍ ସହିତ React ( Next.js)।
- ସନ୍ଧାନ ଫଳାଫଳ ଏବଂ ନ୍ୟୁରାଲ୍ ନେଟୱାର୍କ ସୁପାରିଶ ପାଇଁ ସମ୍ପୂର୍ଣ୍ଣ ସ୍ୱୟଂଚାଳିତ SEO ଅପ୍ଟିମାଇଜେସନ୍।
ସମାନ ଷ୍ଟାଇଲ୍
- 099 SUPPLY — କଳା ଏବଂ ଧଳା ବସ୍ତୁରେ ପରିପୂର୍ଣ୍ଣ ଏକ ଗ୍ୟାଲେରୀ କାନ୍ଥ
- teenage engineering — ଷ୍ଟୁଡିଓ ଆଲୋକୀକରଣରେ ଶିଳ୍ପ କ୍ୟାଟାଲଗ୍ - ପୃଷ୍ଠାରେ ଉତ୍ପାଦଟି ଏକମାତ୍ର ଗୁରୁତ୍ୱପୂର୍ଣ୍ଣ ବସ୍ତୁ, ଏବଂ ଅନ୍ୟ ସବୁକିଛି ଏହା ଚାରିପାଖରେ ଆଲୋଚନା କରାଯାଇଛି।
- Custo — ଏକ ଗମାଙ୍ଗ ରଙ୍ଗର ଗ୍ୟାଲେରୀ ଯେଉଁଥିରେ ଏକ ମୋଲୋନିଥିକ୍ ଫଣ୍ଟ ଅଛି। ମ୍ୟୁଟ୍ ଗ୍ରେ-ସବୁଜ ଟୋନରେ ଏକ ଶୋ’ରୁମ୍, ଯେଉଁଠାରେ ଗୋଟିଏ ଗାଢ଼ ବସ୍ତୁ ଏବଂ 57px ଫଣ୍ଟ ନିଜ ପାଇଁ କଥା କହୁଛି।
- Walden — ଜଙ୍ଗଲ ମହଲର ନୀରବତା - ପ୍ରତ୍ୟେକ ଉତ୍ପାଦ ଏକ ପଥର, ପ୍ରତ୍ୟେକ ପିକ୍ସେଲ ମସ ଏବଂ ନୀରବତା
- Fiverr — ଡିଜିଟାଲ୍ ବଜାରର କେନ୍ଦ୍ରବିନ୍ଦୁ ହେଉଛି ଅନ୍ଧାର ରଙ୍ଗମଞ୍ଚ ଷ୍ଟେଜ୍ ବିରୁଦ୍ଧରେ ଏକ ସ୍ପନ୍ଦନଶୀଳ ସବୁଜ ସ୍ପନ୍ଦନ। ଲୋଗୋ ପାଇଁ ଏକ ନିଅନ୍ ସବୁଜ ବିନ୍ଦୁ ଏକ ଆଙ୍କର ଭାବରେ କାର୍ଯ୍ୟ କରେ; ବାକି ଏକ ରଙ୍ଗର, ପ୍ରଦାନ କରାଯାଇଥିବା ସେବାର ଆକର୍ଷଣକୁ ଉଜ୍ଜ୍ୱଳ କରିବା ପାଇଁ ଡିଜାଇନ୍ କରାଯାଇଛି।
- Peloton — କଳା ରଙ୍ଗୱେରେ ଏକ ଲାଲ ବତି। ଏକ ଫିଟନେସ୍ ସୋରୁମ୍ ଯେଉଁଠାରେ ଏକ ଉଜ୍ଜ୍ୱଳ ଲାଲ CTA ସାଇନ୍ ବିଶାଳ, ଅନ୍ଧାର ପ୍ରଦର୍ଶନୀ ସ୍ଥାନ ଦେଇ ଗତି କରେ ଏବଂ ଉତ୍ପାଦରେ ପରିପୂର୍ଣ୍ଣ ସଫା, ଧଳା କୋଠରୀକୁ ନେଇଯାଏ।
- HOUSEPLANT — ଲିନେନ୍ କାଗଜରେ ବାଦାମ ସହିତ ଏକ ପୁସ୍ତକ ଦୋକାନ
- Adam Lippes — କ୍ରିମ୍ ପେପରରେ ଏକ ମୋନୋକ୍ରୋମ୍ ସମ୍ପାଦକୀୟ ଷ୍ଟୁଡିଓ - ଏକ ଭୋଗ ପ୍ରସାରଣ ଯେଉଁଠାରେ କେବଳ ସାଜସଜ୍ଜା ହେଉଛି ଲେଆଉଟ୍ ଗ୍ରୀଡ୍, ରଙ୍ଗ ପ୍ୟାଲେଟ୍ ନୁହେଁ।
- Elektron — ମଧ୍ୟରାତ୍ରିରେ ଉପକରଣ ନିୟନ୍ତ୍ରଣ ପ୍ୟାନେଲ୍ ପ୍ରାୟ କଳା କାନଭାସ୍, ଯେଉଁଠାରେ ଉତ୍ପାଦ ଫଟୋଗୁଡ଼ିକ ଚମକଦାର ହୋଇଥାଏ ଯେତେବେଳେ ଇଣ୍ଟରଫେସ୍ ପ୍ରାୟ ଅଦୃଶ୍ୟ ରହିଥାଏ।
- Sigmaphoto — ମୋନୋକ୍ରୋମ୍ ଗ୍ୟାଲେରୀ ଅଫ୍ ପ୍ରିସିସନ୍ ଇନଷ୍ଟ୍ରୁମେଣ୍ଟସ୍ ହେଉଛି ଏକ ଶାନ୍ତ ଧଳା କୋଠରୀ ଯେଉଁଠାରେ କେବଳ ସେହି ରଙ୍ଗ ଗୁରୁତ୍ୱପୂର୍ଣ୍ଣ ଯାହା ଆପଣଙ୍କୁ କାର୍ଯ୍ୟ କରିବାକୁ ଡାକେ।
- Channel Studio — ଗୋଟିଏ ପ୍ରବାଳ ଲ୍ୟାମ୍ପସେଡ୍ ସହିତ ଏକ ଷ୍ଟୁଡିଓ ଫଟୋ ଲାବ୍
- Specht Studio — ଏକ ଗ୍ୟାଲେରୀ କାନ୍ଥ ଯାହା ବିଚକ୍ଷଣ କୌତୁହଳରେ ପରିପୂର୍ଣ୍ଣ। ଷ୍ଟୁଡିଓର ନିଜସ୍ୱ କ୍ରୋମ୍ ଫିନିସ୍ ହେଉଛି ଏକ ଧଳା ପୃଷ୍ଠ ଏବଂ କଳା ଅକ୍ଷର; ଦୃଶ୍ୟ ଆତସବାଜି ସମ୍ପୂର୍ଣ୍ଣ ଭାବରେ ପ୍ରକଳ୍ପର ଟାଇଲ୍ କାମ ମଧ୍ୟରେ କେନ୍ଦ୍ରିତ।