Foodnoms

வெள்ளை பீங்கான் தட்டில் ஒளிவீசும் பழச் சந்தை - இதமான ஆரஞ்சுப் பழங்கள், புத்துணர்ச்சியான கீரைகள் மற்றும் பருமனான வட்ட வடிவங்கள்

ஃபுட்நோம்ஸ், ஊட்டச்சத்து கண்காணிப்பிற்காக ஒரு கலகலப்பான சந்தைப்படுத்தல் மொழியைக் கொண்டுள்ளது: ஒரு தூய்மையான வெள்ளைத் தளம், காட்சி அடையாளங்களாகப் பயன்படும் பெரிய அளவிலான தொலைபேசி மாதிரிகள், மற்றும் ஊட்டச்சத்துக்களையும் முன்னேற்றத்தையும் குறிக்கும் வண்ணங்களைக் கொண்ட ஒரு விளையாட்டுத்தனமான வண்ணச் சொற்களஞ்சியம் ஆகியவை இதில் அடங்கும். இரண்டு வண்ணங்களைக் கொண்ட தலைப்புத் திட்டம் (முக்கிய வார்த்தைக்கு ஒரு வண்ணம், மற்றவற்றுக்கு அடர் கிராஃபைட் வண்ணம்) அதன் மதிப்பு முன்மொழிவை விரைவாக மதிப்பிட உதவுகிறது. இந்த அமைப்பு, அதிகத் தரவுகள் கொண்ட செயலித் திரைகளை மென்மையாக்கும் தனித்துவமான வட்டமான வடிவியல் அம்சங்களைக் கொண்ட ஒற்றைப் பயனர் திரையை (அக்வாக்ஸ் ப்ரோ) நம்பியுள்ளது. பெரும்பாலான பரப்புகள் தட்டையாகவும் நிழலற்றதாகவும் உள்ளன; சீரான மூலை ஆரம் பொத்தான்கள், அட்டைகள் மற்றும் லேபிள்களுக்கு ஒரு நட்பான, மென்மையான உணர்வைக் கொடுக்கிறது, இதனால் உடல்நலக் கண்காணிப்பு மருத்துவமனை போன்று இல்லாமல் எளிதில் அணுகக்கூடியதாக உணரப்படுகிறது.

இந்தப் பக்கம், தாராளமான செங்குத்து வரிசையுடன், மையப்படுத்தப்பட்ட, முழு அகல (~1200px) ஒற்றை-பத்தி தளவமைப்பைக் கொண்டுள்ளது. தலைப்புப் பகுதி ஒரு மெல்லிய மேல் பட்டையாக உள்ளது; அதன் இடதுபுறத்தில் சின்னம், மையத்தில் வழிசெலுத்தல், மற்றும் வலதுபுறத்தில் நிரப்பப்பட்ட ஆரஞ்சு நிறச் செயல் பொத்தான் ஆகியவை உள்ளன. முதன்மைப் பகுதி மையப்படுத்தப்பட்ட அடுக்காக உள்ளது: இரண்டு வண்ணத் தலைப்பு, ஒற்றை-வரி துணைத் தலைப்பு, ஆப் ஸ்டோர் சின்னம், பின்னர் அகலம் முழுவதும் விசிறிப் போல விரிக்கப்பட்ட 3-5 தொலைபேசி மாதிரிகளின் வரிசை ஆகியவை இதில் அடங்கும். முதன்மைப் பகுதிக்குக் கீழே, 2x3 கட்டத்தில் மையப்படுத்தப்பட்ட "பரிந்துரைக்கப்பட்டவை" என்ற பத்திரிகைச் சின்னப் பகுதி உள்ளது. சிறப்புப் பகுதிகள் மீண்டும் மீண்டும் வரும் ஒரு வடிவத்தைப் பின்பற்றுகின்றன: இரண்டு-பத்தி உரை + தொலைபேசி மாதிரி, மாறி மாறிப் பக்கங்களில், ஆரஞ்சு/பச்சை நிறத்தில் சிறப்பம்சப் பகுதித் தலைப்புகளுடன் அமைந்துள்ளன. அடிக்குறிப்பிற்கு முந்தைய கடைசி உறுப்பு, முழு அகல பதிவிறக்கக்கூடிய செயல் அழைப்பு அட்டை (CTA card) ஆகும். பிரிவுகளுக்கு இடையேயான இடைவெளிகள் தாராளமாக (96px) உள்ளன, இது ஒரு விசாலமான, படத்தொகுப்பு போன்ற உணர்வை உருவாக்குகிறது. வழிசெலுத்தல் ஒரு எளிமையான மேல் பட்டையாக உள்ளது - இதில் பக்கவாட்டுப் பட்டி அல்லது மெகா மெனு இல்லை.

செயலியின் காட்சி மொழியானது, அதன் செயல்படும் இடைமுகத்தைக் காண்பிக்கும் உயர்தர ஐபோன் ஃபிரேம் மாதிரிகளால் ஆதிக்கம் செலுத்தப்படுகிறது—இவையே முதன்மைக் கூறுகள், ஆயத்தப் புகைப்படங்கள் அல்ல. இந்த மாதிரிகள் ஏறக்குறைய முழுமையான ஒளிபுகும் தன்மையுடன், லேசான மேலடுக்கு மற்றும் மென்மையான சுழற்சியுடன் விசிறிப் போல விரிக்கப்பட்டு, ஒரு வெள்ளைப் பின்னணியில் நேரடியாக நிலைநிறுத்தப்பட்டுள்ளன. இந்த மாதிரிகளுக்குள், ஊட்டச்சத்துத் தகவல்கள், தயாரிப்புப் புகைப்படங்கள், மேக்ரோ வளையங்கள் மற்றும் வண்ணமயமான வகை குறிச்சொற்கள் போன்ற காட்சிக் கூறுகள் செயலியின் சொந்த இடைமுகத்தால் வழங்கப்படுகின்றன. ஸ்கேன் யுவர் ஃபுட் செயலியின் கேமரா திரையில் தெரியும், பயனரால் சமர்ப்பிக்கப்பட்ட உணவுப் படங்கள் மட்டுமே ஒரே புகைப்பட உள்ளடக்கமாகும். வாழ்க்கை முறைப் புகைப்படங்களோ, அருவ விளக்கப்படங்களோ, அலங்கார வரைகலைகளோ இல்லை. இதன் பிராண்டிங் முழுவதுமாக பிரத்யேக எழுத்துரு, ஆரஞ்சு/பச்சை/அடர் வண்ணத் திட்டம் மற்றும் செயலியின் சொந்த இடைமுகம் ஆகியவற்றால் வரையறுக்கப்படுகிறது.

தூய சாஸ்விளையாட்டுத்தனமான அதிக மாறுபாடு

https://foodnoms.com

வண்ணத் தட்டு

பிராண்ட்

Ember Orange #ff5406 — ஆரஞ்சு நிறம், அலங்கார விவரங்களுக்கு ஒரு துணை நிறமாகவும், அரிதான குறிப்புகளை முன்னிலைப்படுத்தவும் பயன்படுத்தப்படுகிறது. செயல் அழைப்புகளுக்கு இதை முதன்மை நிறமாகப் பயன்படுத்தக் கூடாது.

நடுநிலை

Graphite #2f2f2f — முதன்மை உரை, அடர் நிற பொத்தான்கள் (ஆப் ஸ்டோர் ஐகான்) மற்றும் ஐகான் வெளிக்கோடுகள். தலைப்புகள் மற்றும் முக்கிய உரையில் வெள்ளை அல்லாத நிறம் பிரதானமாகப் பயன்படுத்தப்பட்டுள்ளது.
Verdant Green #00b33f — பச்சை நிறமானது, அலங்கார விவரங்களுக்கு ஒரு கூடுதல் சிறப்பம்சமாகவும், குறைந்த அதிர்வெண்களை வலியுறுத்தவும் உதவுகிறது.
Signal Red-Orange #ff3400 — செயலித் திரை பயனர் இடைமுகக் கூறுகள் மற்றும் அது தொடர்பான பிராண்டிங்கில் தெரியும் ஒரு இரண்டாம் நிலை இதமான அம்சம். எம்பர் ஆரஞ்சை விட ஒரு தொனி இதமான இது, தேர்ந்தெடுக்கப்பட்ட அல்லது செயலில் உள்ள செயலியின் நிலைகளை வலியுறுத்துகிறது.
Sky Blue #00a9dd — செயலியின் உள்ளகத் தரவுப் பிரிவுகளுக்கு (கார்போஹைட்ரேட்டுகள்/புரதங்கள்/பிற ஊட்டச்சத்துக் குழுக்கள்) ஒரு இனிமையான மாறுபாட்டை அளிக்கிறது. தொலைபேசி தளவமைப்புகளில் உள்ள இதமான, ஆதிக்கம் செலுத்தும் வண்ணத் தொகுப்பை இது சமன் செய்கிறது.
Mist Blue #72a2c5 — மென்மையான குளிர்ச்சியான சாயல் - செயலியில் உள்ள கூடுதல் தரவு லேபிள்கள் மற்றும் விளக்கப்படப் பின்னணிகளுக்கான வான நீல நிறத்தை மென்மையாக்குகிறது.
Sunset Orange #ff6d00 — சந்தைப்படுத்தல் பக்கங்களில் உள்ள துணைத் தலைப்புகள் மற்றும் சிறப்பித்துக் காட்டப்பட்ட உரைகளுக்கு ஒரு இதமான அழுத்த வடிவம்.

அச்சுக்கலை

12 முதல் 60px வரை · 7 படிகள்

Aquawax Pro Medium — மாற்று: Inter · வெளிப்புறங்கள் 500 · அக்வாவேக்ஸ் ப்ரோ மீடியம் - பிரித்தெடுக்கப்பட்ட தரவுகளில் காணப்பட்டது, ஆனால் செயற்கை நுண்ணறிவால் விவரிக்கப்படவில்லை.
Aquawax Pro — மாற்று: Nunito Sans · வெளிப்புறங்கள் 700, 500, 600 · தலைப்புகள் மற்றும் முக்கிய உரை உட்பட அனைத்து சூழல்களிலும் பயன்படுத்தப்படும் முதன்மை பிராண்ட் எழுத்துரு இதுவாகும். பிரத்யேகமாக வடிவமைக்கப்பட்ட இந்த எழுத்துரு, அகலமான எழுத்து உயரங்கள், வட்டமான வடிவியல் வடிவங்கள் மற்றும் வசதியான விகிதாச்சாரங்களைக் கொண்டுள்ளது. இந்த அமைப்பின் அச்சுக்கலை அடையாளங்களான தலைப்புகள் மற்றும் பிரிவுகளுக்கு போல்ட் (700) பயன்படுத்தப்படுகிறது. துணைத் தலைப்புகள் மற்றும் பொத்தான் லேபிள்களுக்கு 14–1.8 மி.மீ அளவில் செமிபோல்ட் (600) பயன்படுத்தப்படுகிறது. முக்கிய உரைக்கு 17–1.8 மி.மீ அளவில் மீடியம் (500) பயன்படுத்தப்படுகிறது, இது வசதியாகப் படிப்பதற்குத் தேவையான 1.6–1.8 மி.மீ வரி இடைவெளியைக் கொண்டுள்ளது.
System sans-serif — மாற்று: Inter · வெளிப்புறங்கள் 400, 700 · பயனர் இடைமுகத்தில் உள்ள மிகச் சிறிய உரை மற்றும் ஐகான் உரைக்கு ஒரு மாற்று வழி பயன்படுத்தப்படுகிறது. மிகச்சிறிய அளவுகளில் அக்வாவேக்ஸ் புரோ (Aquawax Pro) பயன்படுத்தப்படுவதில்லை; ரெண்டரிங் எடையைக் குறைப்பதற்காக, கணினி எழுத்துருவே இவற்றைக் கையாளுகிறது.

இடைவெளிகள் மற்றும் வடிவம்

நோக்கம்	பொருள்
அடர்த்தி	விசாலமான
அடிப்படை படி	20px
பொத்தான் ஆரம்	26px
அட்டை ஆரம்	26px
நிழல்கள்	நிழல்களுக்குப் பதிலாக எல்லைகள் இல்லை
பிரிவுகளுக்கு இடையில்	96px
பக்க அகலம்	1200px

செயற்கை நுண்ணறிவு உங்கள் வலைத்தளத்தை Foodnoms பாணியில் உருவாக்கி, அதை நிரப்பும்.

Instagram, TikTok, Facebook இணைப்புகளின் வழியாக தயாரிப்புகளையும் பதிவுகளையும் நிரப்பவும்.
உங்கள் பழைய தளத்திலிருந்து உள்ளடக்கத்தை மாற்றவும்—முகவரியைக் குறிப்பிட்டால் போதும்.
சிறந்த இன்ஜினான React ( Next.js)-இல், சர்வர் ரெண்டரிங் மற்றும் உள்ளமைக்கப்பட்ட SEO மேம்படுத்தலுடன் கூடிய நவீன வடிவமைப்பு.
தேடல் முடிவுகளுக்கான முழுமையாகத் தானியங்குபடுத்தப்பட்ட SEO உகப்பாக்கம் மற்றும் நியூரல் நெட்வொர்க் பரிந்துரைகள்.

இந்த பாணியில் ஒரு வலைத்தளத்தை உருவாக்கவும்

ஒத்த பாணிகள்

Slite — சுடுமண் கைப்பிடியுடன் கூடிய ஒரு இதமான தோல் நோட்டுப்புத்தகம்—அதன் ஒவ்வொரு மேற்பரப்பும் வெண்ணிறக் காகிதத்தால் ஆனது, ஒவ்வொரு அலங்காரத்திலும் ஆரஞ்சு நிறத்தின் மெல்லிய சாயல்.
Adora — உறைந்த கண்ணாடிக்குப் பின்னால் உள்ள இம்ப்ரஷனிசம் அருங்காட்சியகம்
Bento — சூரிய ஒளி படும் லினோலியம் விரிப்பின் மீது ஒரு பென்டோ மதிய உணவுப் பெட்டி. அடர் பச்சை, லாவெண்டர், கோபால்ட் மற்றும் பர்கண்டி வண்ணங்களில், ஒவ்வொன்றும் தடித்த கருப்பு மையில் கோடிடப்பட்ட, வட்டமான, ஸ்டிக்கர் போன்ற அட்டைகளின் ஒரு கட்டம், எடுப்பான வடிவியல் தலைப்பின் கீழே, இதமான, கிரீம் நிற லினன் துணியின் மீது கிடக்கிறது.
Payments — அரச ஊதாப் பின்னணியில் ஒரு துடிப்பான சிட்ரஸ் சாயல். ஆழ்ந்த மின்னல் போன்ற ஊதா நிறம் இரவு வானத்தை நினைவூட்ட, எலுமிச்சை மஞ்சள் நிறத் தீற்றல்கள் தூய்மையான வெள்ளைப் பரப்பின் மீது புத்தம் புதிய சிட்ரஸ் பழத்தோல் போல ஜொலிக்கின்றன.
Textla — சன்னி ரெட்ரோ தாவரவியல் பஞ்சாங்கம் - அடர் பச்சை நிறத்தில் அச்சிடப்பட்ட கிரீமி மஞ்சள் நிறப் பக்கம், இதில் கள்ளிச் செடிகளின் சித்திரங்கள் கூர்மையான, சாய்வான நிழல்களில் தீட்டப்பட்டுள்ளன.
AI for Business — வெதுவெதுப்பான சாம்பல் நிறத் தொனிகளில் அமைந்த ப்ரூட்டலிஸ்ட் தலையங்கக் காட்சியகம்
Superhuman — தங்க நேர தலையங்கக் குழு
Visitors — வெள்ளை பொறியியல் வரைபடம்
Vercel — வெள்ளைக் காகிதத்தில் அச்சிடப்பட்ட முனையம்
Jeton — வெதுவெதுப்பான பளிங்குக் கல்லில் நிதி தொழில்நுட்பம் பற்றிய ஒரு தலையங்கம்
Say Briefly — கிரியேட்டிவ் ஏஜென்சி ஸ்கெட்ச்புக், கிரீம் நிற காகிதத்தில்
ClickUp — வெள்ளை பளிங்குத் தளத்தில் ஒரு சக்திவாய்ந்த டாஷ்போர்டு. இந்தப் பக்கம் ஒரு உற்பத்தித்திறன் கருவிக்கான தயாரிப்பு கையேடு என்பதால், அதன் காட்சி மொழி அந்தத் தயாரிப்பிலிருந்தே எடுக்கப்பட்டுள்ளது: அடர்த்தியான பட்டியல்கள், நிலை குறிகாட்டிகள், அவதார் குழுக்கள், மற்றும் காட்சிக்கு வைக்கப்பட்ட ஒரு தயாரிப்பு விவரக்குறிப்பைப் போலத் தோற்றமளிக்கும் தடித்த அச்சுக்கலை அறிக்கைகள்.