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 · இடைமுகம் முழுவதும் ஒரே எழுத்துரு பயன்படுத்தப்படுகிறது—அனைத்துத் தலைப்புகள், லேபிள்கள், விலைகள், பொத்தான்கள், முக்கிய உரை மற்றும் சின்னங்கள் அனைத்தும் ஆர்கேட் (Arcade) எழுத்துருவில் உள்ளன. படிநிலை அமைப்பை உருவாக்குவதற்கான ஒரே கருவி, 400-இலிருந்து 700-க்கு மாறும் எழுத்துரு மட்டுமே; இரண்டாவது எழுத்துருவைப் பயன்படுத்தினால், அது கியோஸ்க் போன்ற தோற்றத்தைக் கெடுத்துவிடும்.
இடைவெளிகள் மற்றும் வடிவம்
| நோக்கம் | பொருள் |
|---|---|
| அடர்த்தி | அடர்த்தியான |
| அடிப்படை படி | 4-8px |
| பொத்தான் ஆரம் | 6px |
| அட்டை ஆரம் | 12px |
| நிழல்கள் | நிழல்களுக்குப் பதிலாக எல்லைகள் இல்லை |
| பிரிவுகளுக்கு இடையில் | 43-61px |
| பக்க அகலம் | 1200px |
செயற்கை நுண்ணறிவு உங்கள் வலைத்தளத்தை FRANKY'S பாணியில் உருவாக்கி, அதை நிரப்பும்.
- Instagram, TikTok, Facebook இணைப்புகளின் வழியாக தயாரிப்புகளையும் பதிவுகளையும் நிரப்பவும்.
- உங்கள் பழைய தளத்திலிருந்து உள்ளடக்கத்தை மாற்றவும்—முகவரியைக் குறிப்பிட்டால் போதும்.
- சிறந்த இன்ஜினான React ( Next.js)-இல், சர்வர் ரெண்டரிங் மற்றும் உள்ளமைக்கப்பட்ட SEO மேம்படுத்தலுடன் கூடிய நவீன வடிவமைப்பு.
- தேடல் முடிவுகளுக்கான முழுமையாகத் தானியங்குபடுத்தப்பட்ட SEO உகப்பாக்கம் மற்றும் நியூரல் நெட்வொர்க் பரிந்துரைகள்.
ஒத்த பாணிகள்
- 099 SUPPLY — கருப்பு வெள்ளை பொருட்களால் நிரப்பப்பட்ட ஒரு கலைக்கூடச் சுவர்
- teenage engineering — ஸ்டுடியோ விளக்குகளுக்கான தொழிற்துறைப் பட்டியல் - இந்தப் பக்கத்தில் தயாரிப்பு மட்டுமே முக்கியத்துவம் வாய்ந்தது, மற்ற அனைத்தும் அதைச் சுற்றியே விவாதிக்கப்பட்டுள்ளன.
- Custo — பிரம்மாண்டமான எழுத்துருவைக் கொண்ட, உலோகத் துப்பாக்கி நிறத்திலான ஒரு கலைக்கூடம். மங்கிய சாம்பல்-பச்சை வண்ணங்களில் அமைந்த ஒரு காட்சியகம், அங்கு ஒற்றைக் கருமையான பொருளும் 57px எழுத்துருவும் தங்களுக்குத் தாங்களே பேசிக்கொள்கின்றன.
- Walden — வனத்தின் தரைப்பகுதியின் அமைதி - ஒவ்வொரு பொருளும் ஒரு கல், ஒவ்வொரு பிக்சலும் பாசியும் அமைதியுமாகும்.
- Fiverr — இருண்ட நாடக மேடைகளுக்கு மத்தியில் ஒளிரும் துடிப்பான பச்சை நிறமே இந்த டிஜிட்டல் சந்தையின் மையப் புள்ளியாகும். சின்னத்திற்கு ஆதாரமாக ஒற்றை நியான் பச்சைப் புள்ளி ஒன்று செயல்படுகிறது; மற்றவை, வழங்கப்படும் சேவைகளின் கவர்ச்சியை எடுத்துக்காட்டும் வகையில், ஒற்றை வண்ணத்தில் வடிவமைக்கப்பட்டுள்ளன.
- Peloton — கரிய ஓடுபாதையில் ஒரு சிவப்பு வழிகாட்டி விளக்கு. ஒரு உடற்பயிற்சிக் கூடம்; அங்கு, பரந்த, இருண்ட கண்காட்சி வெளியின் ஊடே ஒரேயொரு பிரகாசமான சிவப்பு நிற அழைப்புச் செயலுக்கான அறிவிப்புப் பலகை ஒன்று சென்று, தூய்மையான, வெள்ளை நிறப் பொருள் அறைகளுக்கு வழி காட்டுகிறது.
- HOUSEPLANT — லினன் காகிதத்தில் கொட்டைகள் கொண்ட ஒரு புத்தகக் கடை
- Adam Lippes — வெளிர் மஞ்சள் நிறத் தாளில் ஒரு கருப்பு-வெள்ளை புகைப்படத் தொகுப்பு ஸ்டுடியோ – இது, வண்ணத் தொகுப்பு அல்லாமல், தளவமைப்புக் கட்டம் மட்டுமே அலங்காரமாக உள்ள ஒரு வோக் இதழ்ப் பக்கம்.
- Elektron — நள்ளிரவில் உபகரணக் கட்டுப்பாட்டுப் பலகம் கிட்டத்தட்ட ஒரு கருமையான திரை போலக் காட்சியளிக்கிறது; அதில் தயாரிப்புப் புகைப்படங்கள் பிரகாசிக்க, இடைமுகம் கண்ணுக்குப் புலப்படாமல் மறைந்துவிடுகிறது.
- Sigmaphoto — துல்லியக் கருவிகளின் ஒற்றை வண்ணக் காட்சியகம் என்பது ஒரு அமைதியான வெள்ளை அறை; அங்கு, உங்களைச் செயல்படத் தூண்டும் நிறம் மட்டுமே முக்கியத்துவம் பெறுகிறது.
- Channel Studio — ஒரு பவள நிற விளக்கு நிழலுடன் கூடிய ஒரு ஸ்டுடியோ புகைப்பட ஆய்வகம்
- Specht Studio — நுட்பமான ஆர்வத்தால் நிரம்பிய ஒரு கலைக்கூடச் சுவர். அந்த ஸ்டுடியோவின் சொந்த குரோம் பூச்சு, ஒரு வெள்ளைப் பரப்பாகவும் கருப்பு எழுத்துக்களாகவும் உள்ளது; கண்கவர் காட்சிகளின் பிரம்மாண்டம் முழுவதுமாக இந்தத் திட்டத்தின் ஓடு வேலைப்பாடுகளுக்குள் குவிந்துள்ளது.