FRANKY'S
స్కేట్ షాప్ కౌంటర్పై రెట్రో గేమింగ్ కియోస్క్
ఫ్రాంకీ యొక్క దృశ్య శైలి రెట్రో ఆర్కేడ్ మరియు స్కేట్బోర్డ్ షాప్ల కలయిక: దృఢమైన పిక్సెల్ అంచులతో చుట్టబడిన వెచ్చని క్రీమ్ రంగు కాన్వాస్ (#f3e5df), సర్వత్రా కనిపించే నలుపు-తెలుపు చదరంగం గళ్ల నమూనా, మరియు వెబ్సైట్లోని ప్రతి పదానికి ఉపయోగించే 'ఆర్కేడ్' అనే ఒకే పిక్సెల్ ఫాంట్. ఈ పాలెట్ ఉద్దేశపూర్వకంగానే చాలా తక్కువ రంగులతో ఉంటుంది—కేవలం రెండు వర్ణాలు మాత్రమే మిగిలి ఉంటాయి (సైన్ కోసం సిగ్నల్ ఆరెంజ్ #faa21f మరియు బై బటన్ కోసం రిచ్ గ్రీన్ #128e44). ఆర్కేడ్ ఫాంట్ వెయిట్ను 400 నుండి 700కు పెంచడం ద్వారా మరియు క్రీమ్ బ్యాక్గ్రౌండ్పై నలుపు రంగును ఉపయోగించడం ద్వారా మొత్తం రంగుల క్రమం వ్యక్తమవుతుంది. ఉపరితలాలు చదునుగా మరియు ఏకశిలా రూపంలో ఉంటాయి; బటన్లపై చొప్పించిన 1px క్రీమ్ గీత మరియు చదరంగం గళ్ల నమూనాల టోనల్ ప్లే ద్వారా మాత్రమే లోతును సాధించవచ్చు. ఈ అంశాలు 1990ల నాటి దుకాణాల ముందు కనిపించే స్ప్రైట్లను గుర్తుచేస్తాయి: మందపాటి నల్లని అంచులు, 6-12 పిక్సెల్స్ బిగువైన అంచుల వంపులు, 4-8 పిక్సెల్స్ కాంపాక్ట్ ప్యాడింగ్, మరియు క్రోమ్ ఎలిమెంట్స్ లా కాకుండా పిక్సలేటెడ్ ఐకాన్లలా కనిపించే 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 నుండి 18 పిక్సెల్స్ · 4 దశలు
- Arcade — భర్తీ: VT323 · రూపురేఖలు 400, 700 · ఇంటర్ఫేస్ అంతటా ఒకే ఫాంట్ ఉపయోగించబడింది—అన్ని శీర్షికలు, లేబుల్లు, ధరలు, బటన్లు, బాడీ టెక్స్ట్ మరియు ఐకాన్లు ఆర్కేడ్ ఫాంట్లోనే ఉన్నాయి. క్రమానుగత శ్రేణిని సృష్టించడానికి 400 నుండి 700కు మారడమే ఏకైక సాధనం; రెండవ ఫాంట్ను ఉపయోగించడం కియోస్క్ భ్రమను పాడు చేస్తుంది.
విరామాలు మరియు రూపం
| ఉద్దేశ్యం | అర్థం |
|---|---|
| సాంద్రత | దట్టమైన |
| ప్రాథమిక దశ | 4-8px |
| బటన్ వ్యాసార్థం | 6px |
| కార్డ్ వ్యాసార్థం | 12px |
| నీడలు | నీడలకు బదులుగా అంచులు లేవు |
| విభాగాల మధ్య | 43-61px |
| పేజీ వెడల్పు | 1200px |
AI మీ వెబ్సైట్ను FRANKY'S శైలిలో నిర్మించి, దానిని నింపుతుంది
- ఈ లింక్ ద్వారా ఉత్పత్తులు మరియు పోస్ట్లతో నింపండి - Instagram, TikTok, Facebook.
- మీ పాత సైట్ నుండి కంటెంట్ను బదిలీ చేయండి—కేవలం చిరునామాను పేర్కొనండి.
- అత్యుత్తమ ఇంజిన్ అయిన React ( Next.js) పై ఆధునిక డిజైన్, సర్వర్ రెండరింగ్ మరియు ఎస్ఈఓ ఆప్టిమైజేషన్తో వస్తుంది.
- శోధన ఫలితాలు మరియు న్యూరల్ నెట్వర్క్ సిఫార్సుల కోసం పూర్తిగా స్వయంచాలక SEO ఆప్టిమైజేషన్.
సారూప్య శైలులు
- 099 SUPPLY — నలుపు మరియు తెలుపు వస్తువులతో నిండిన గ్యాలరీ గోడ
- teenage engineering — స్టూడియో లైటింగ్లో పారిశ్రామిక కేటలాగ్ - పేజీలో ఉత్పత్తి మాత్రమే ముఖ్యమైన వస్తువు, మరియు మిగతా విషయాలన్నీ దాని చుట్టూనే చర్చించబడతాయి.
- Custo — గన్మెటల్ రంగు గ్యాలరీ, దానిలో ఏకశిలా ఫాంట్. మసక బూడిద-ఆకుపచ్చ ఛాయలలో ఒక షోరూమ్, అక్కడ ఒకే ఒక్క ముదురు రంగు వస్తువు మరియు 57px ఫాంట్ తమంతట తామే మాట్లాడుతాయి.
- Walden — అడవి నేల నిశ్శబ్దం - ప్రతి వస్తువు ఒక రాయి, ప్రతి పిక్సెల్ నాచు మరియు నిశ్శబ్దం
- Fiverr — చీకటి థియేటర్ వేదికల నేపథ్యంలో ప్రకాశవంతమైన ఆకుపచ్చ రంగు స్పందన ఈ డిజిటల్ బజార్కు ప్రధాన ఆకర్షణ. ఒకే ఒక్క నియాన్ ఆకుపచ్చ చుక్క లోగోకు ఆధారంగా పనిచేస్తుంది; మిగిలినదంతా ఏకవర్ణంలో ఉండి, అందించే సేవల ఆకర్షణను హైలైట్ చేసేలా రూపొందించబడింది.
- Peloton — నల్లటి రన్వేపై ఒక ఎర్రటి దీపస్తంభం. ఒక ఫిట్నెస్ షోరూమ్, ఇక్కడ ఒకే ఒక్క ప్రకాశవంతమైన ఎర్రటి CTA సైన్ విశాలమైన, చీకటి ఎగ్జిబిషన్ స్థలాన్ని చీల్చుకుంటూ శుభ్రమైన, తెల్లటి ప్రొడక్ట్ రూమ్లకు దారి చూపిస్తుంది.
- HOUSEPLANT — నార కాగితంపై గింజలున్న పుస్తకాల దుకాణం
- Adam Lippes — క్రీమ్ రంగు కాగితంపై ఒక మోనోక్రోమ్ ఎడిటోరియల్ స్టూడియో – రంగుల పాలెట్ కాకుండా, లేఅవుట్ గ్రిడ్ మాత్రమే అలంకరణగా ఉన్న ఒక వోగ్ స్ప్రెడ్.
- Elektron — అర్ధరాత్రి వేళ పరికరాల నియంత్రణ ప్యానెల్ దాదాపు ఒక నల్లటి కాన్వాస్ లా ఉంటుంది, దానిపై ఉత్పత్తి ఫోటోలు ప్రకాశిస్తుండగా, ఇంటర్ఫేస్ మాత్రం దాదాపు కనిపించకుండా ఉంటుంది.
- Sigmaphoto — మోనోక్రోమ్ గ్యాలరీ ఆఫ్ ప్రెసిషన్ ఇన్స్ట్రుమెంట్స్ అనేది ఒక నిశ్శబ్దమైన తెల్లని గది, ఇక్కడ మిమ్మల్ని కార్యాచరణకు పురికొల్పే రంగు మాత్రమే ముఖ్యమైనది.
- Channel Studio — ఒక పగడపు లాంప్షేడ్తో కూడిన స్టూడియో ఫోటో ల్యాబ్
- Specht Studio — సూక్ష్మమైన ఉత్సుకతతో నిండిన ఒక గ్యాలరీ గోడ. స్టూడియో వారి సొంత క్రోమ్ ఫినిష్ అనేది తెల్లటి ఉపరితలం మరియు నల్లటి అక్షరాలతో ఉంటుంది; దృశ్యపరమైన అద్భుతాలన్నీ పూర్తిగా ఈ ప్రాజెక్ట్ యొక్క టైల్ వర్క్లోనే కేంద్రీకృతమై ఉన్నాయి.