FRANKY'S
ಸ್ಕೇಟ್ ಅಂಗಡಿಯ ಕೌಂಟರ್ನಲ್ಲಿ ರೆಟ್ರೊ ಗೇಮಿಂಗ್ ಕಿಯೋಸ್ಕ್.
ಫ್ರಾಂಕಿಯವರ ದೃಶ್ಯ ಭಾಷೆಯು ರೆಟ್ರೊ ಆರ್ಕೇಡ್ ಮತ್ತು ಸ್ಕೇಟ್ಬೋರ್ಡ್ ಅಂಗಡಿಯ ಸಂಯೋಜನೆಯಾಗಿದೆ: ರಿಜಿಡ್ ಪಿಕ್ಸೆಲ್ ಬಾರ್ಡರ್ಗಳಿಂದ ರಚಿಸಲಾದ ಬೆಚ್ಚಗಿನ ಕ್ರೀಮ್ ಕ್ಯಾನ್ವಾಸ್ (#f3e5df), ಎಲ್ಲೆಡೆ ಕಪ್ಪು-ಬಿಳುಪಿನ ಚೆಕರ್ಬೋರ್ಡ್ ಮತ್ತು ವೆಬ್ಸೈಟ್ನಲ್ಲಿರುವ ಪ್ರತಿಯೊಂದು ಪದಕ್ಕೂ ಬಳಸಲಾಗುವ ಒಂದೇ ಪಿಕ್ಸೆಲ್ ಫಾಂಟ್, ಆರ್ಕೇಡ್. ಪ್ಯಾಲೆಟ್ ಉದ್ದೇಶಪೂರ್ವಕವಾಗಿ ವಿರಳವಾಗಿದೆ - ಕೇವಲ ಎರಡು ವರ್ಣೀಯ ಬಣ್ಣಗಳು ಮಾತ್ರ ಉಳಿದಿವೆ (ಸಿಗ್ನಲ್ ಕಿತ್ತಳೆ #faa21f ಚಿಹ್ನೆಗಾಗಿ ಮತ್ತು ಶ್ರೀಮಂತ ಹಸಿರು #128e44 ಖರೀದಿ ಬಟನ್ಗೆ), ಆರ್ಕೇಡ್ ಫಾಂಟ್ ತೂಕವನ್ನು 400 ರಿಂದ 700 ಕ್ಕೆ ಹೆಚ್ಚಿಸುವ ಮೂಲಕ ಮತ್ತು ಕ್ರೀಮ್ ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಕಪ್ಪು ಬಣ್ಣವನ್ನು ಬಳಸುವ ಮೂಲಕ ಸಂಪೂರ್ಣ ಶ್ರೇಣಿಯನ್ನು ವ್ಯಕ್ತಪಡಿಸಲಾಗುತ್ತದೆ. ಮೇಲ್ಮೈಗಳು ಸಮತಟ್ಟಾಗಿ ಮತ್ತು ಏಕಶಿಲೆಯಾಗಿ ಉಳಿಯುತ್ತವೆ; ಗುಂಡಿಗಳ ಮೇಲೆ ಸೇರಿಸಲಾದ 1px ಕ್ರೀಮ್ ಲೈನ್ ಮತ್ತು ಚೆಕರ್ಬೋರ್ಡ್ನ ಟೋನಲ್ ಪ್ಲೇ ಮೂಲಕ ಮಾತ್ರ ಆಳವನ್ನು ಸಾಧಿಸಲಾಗುತ್ತದೆ. ಘಟಕಗಳು 1990 ರ ಸ್ಟೋರ್ಫ್ರಂಟ್ ಸ್ಪ್ರೈಟ್ಗಳನ್ನು ನೆನಪಿಸುತ್ತವೆ: ದಪ್ಪ ಕಪ್ಪು ಗಡಿಗಳು, ಬಿಗಿಯಾದ 6-12px ಗಡಿ ತ್ರಿಜ್ಯಗಳು, ಕಾಂಪ್ಯಾಕ್ಟ್ 4-8px ಪ್ಯಾಡಿಂಗ್, ಮತ್ತು ಕ್ರೋಮ್ ಅಂಶಗಳಿಗಿಂತ ಪಿಕ್ಸಲೇಟೆಡ್ ಐಕಾನ್ಗಳಂತೆ ಕಾಣುವ 3D/AR ಟಾಗಲ್ಗಳು. ಹೊಸ ಪುಟಗಳು ಆರ್ಕೇಡ್ ತರಹದ ವಾತಾವರಣವನ್ನು ಕಾಪಾಡಿಕೊಳ್ಳಲು ಉದ್ದೇಶಿಸಲಾಗಿದೆ: ಕಿತ್ತಳೆ ಸ್ಕ್ರೋಲಿಂಗ್ ಪಠ್ಯವನ್ನು ಹೊರತುಪಡಿಸಿ ಯಾವುದೇ ಗ್ರೇಡಿಯಂಟ್ಗಳಿಲ್ಲ, ಮೃದುವಾದ ನೆರಳುಗಳಿಲ್ಲ, ಅಲಂಕಾರಿಕ ಮುದ್ರಣಕಲೆಯಿಲ್ಲ - ಕೇವಲ ಕೆನೆ ಬಣ್ಣದ ಕಾಗದ, ಕಪ್ಪು ಪಿಕ್ಸೆಲೇಟೆಡ್ ರೇಖೆಗಳು ಮತ್ತು ಒಂದೇ ಬೆಚ್ಚಗಿನ ಕಿತ್ತಳೆ ಬಣ್ಣ.
ಡೆಸ್ಕ್ಟಾಪ್ನಲ್ಲಿ, ಉತ್ಪನ್ನ ಪುಟವು ಪೂರ್ಣ-ಅಗಲ, ಕೇಂದ್ರೀಕೃತ ವಿನ್ಯಾಸವನ್ನು ಪ್ರದರ್ಶಿಸುತ್ತದೆ, ಇದರ ಗರಿಷ್ಠ ಅಗಲ 1200px. ಮೇಲಿನಿಂದ ಕೆಳಕ್ಕೆ ಲಯ: ಕಿತ್ತಳೆ ಸ್ಕ್ರೋಲಿಂಗ್ ಪಠ್ಯ → ಕಪ್ಪು ರೇಖೆಯೊಂದಿಗೆ ಕೆನೆ ಬಣ್ಣದ ಹೆಡರ್ → ಎರಡು-ಕಾಲಮ್ ವಿಭಜನೆ (ಮುಖಪುಟದಲ್ಲಿ 55% ಚೆಕರ್ಬೋರ್ಡ್ / ಉತ್ಪನ್ನ ಕಾರ್ಡ್ಗಳ 45% ಎರಡು-ಕಾಲಮ್ ಗ್ರಿಡ್) → ಅಡಿಟಿಪ್ಪಣಿಯಲ್ಲಿ ಕೆನೆ ಬಣ್ಣದ ಪಟ್ಟಿ. ಮೊಬೈಲ್ನಲ್ಲಿ, ಮುಖಪುಟವು ಪೂರ್ಣ-ಅಗಲದ ಚೆಕರ್ಬೋರ್ಡ್ಗೆ ಕುಸಿಯುತ್ತದೆ ಮತ್ತು ಗ್ರಿಡ್ ಒಂದೇ-ಕಾಲಮ್ ವಿನ್ಯಾಸವಾಗುತ್ತದೆ. ಕಾರ್ಡ್ಗಳನ್ನು ಬೂದು ಪಿಕ್ಸೆಲ್ (#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— ಬಟನ್ಗಳಲ್ಲಿ ಮತ್ತು ಮುಖ್ಯ ಪಠ್ಯದಲ್ಲಿ ಪಠ್ಯವನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಲಾಗಿದೆ/ಮ್ಯೂಟ್ ಮಾಡಲಾಗಿದೆ
ಮುದ್ರಣಕಲೆ
10 ರಿಂದ 18px ವರೆಗೆ · 4 ಹಂತಗಳು
- 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 — ಕುತೂಹಲದಿಂದ ತುಂಬಿದ ಗ್ಯಾಲರಿ ಗೋಡೆ. ಸ್ಟುಡಿಯೋದ ಸ್ವಂತ ಕ್ರೋಮ್ ಮುಕ್ತಾಯವು ಬಿಳಿ ಮೇಲ್ಮೈ ಮತ್ತು ಕಪ್ಪು ಅಕ್ಷರಗಳನ್ನು ಹೊಂದಿದೆ; ದೃಶ್ಯ ಪಟಾಕಿಗಳು ಸಂಪೂರ್ಣವಾಗಿ ಯೋಜನೆಯ ಟೈಲ್ವರ್ಕ್ನಲ್ಲಿ ಕೇಂದ್ರೀಕೃತವಾಗಿವೆ.