
Foodnoms
വെളുത്ത പോർസലൈനിൽ സണ്ണി ഫ്രൂട്ട് മാർക്കറ്റ് - ചൂടുള്ള ഓറഞ്ച്, പുതിയ പച്ചിലകൾ, വലിയ വൃത്താകൃതിയിലുള്ള ആകൃതികൾ.
ഫുഡ്നോംസിൽ പോഷകാഹാര ട്രാക്കിംഗിനായി ഒരു ലഘുവായ മാർക്കറ്റിംഗ് ഭാഷയുണ്ട്: വൃത്തിയുള്ള വെളുത്ത ക്യാൻവാസ്, വിഷ്വൽ ആങ്കറുകളായി വലുപ്പമുള്ള ഫോൺ മോക്കപ്പുകൾ, നിറങ്ങൾ പോഷകങ്ങളെയും പുരോഗതിയെയും പ്രതിനിധീകരിക്കുന്ന ഒരു കളിയായ വർണ്ണ പദാവലി. രണ്ട് വർണ്ണ ഹെഡർ സ്കീം (കീവേഡിന് ഒരു നിറം, ബാക്കിയുള്ളതിന് ഇരുണ്ട ഗ്രാഫൈറ്റ്) മൂല്യ നിർദ്ദേശത്തിന്റെ ഒരു ദ്രുത വിലയിരുത്തൽ അനുവദിക്കുന്നു. ഡാറ്റ-ഹെവി ആപ്പ് സ്ക്രീനുകളെ മൃദുവാക്കുന്ന വ്യക്തമായ വൃത്താകൃതിയിലുള്ള ജ്യാമിതീയ സവിശേഷതകളുള്ള ഒരു സിംഗിൾ യൂസർ ഡിസ്പ്ലേയെ (അക്വാവാക്സ് പ്രോ) സിസ്റ്റം ആശ്രയിക്കുന്നു. മിക്ക പ്രതലങ്ങളും പരന്നതും നിഴലില്ലാത്തതുമാണ്; യൂണിഫോം കോർണർ റേഡിയസ് ബട്ടണുകൾ, കാർഡുകൾ, ലേബലുകൾ എന്നിവയ്ക്ക് സൗഹൃദപരവും മൃദുവായതുമായ ഒരു അനുഭവം നൽകുന്നു, ഇത് ക്ലിനിക്കൽ എന്നതിനേക്കാൾ ആരോഗ്യ ട്രാക്കിംഗ് കൂടുതൽ ആക്സസ് ചെയ്യാവുന്നതായി തോന്നുന്നു.
പേജിൽ ഒറ്റ കോളം, മധ്യഭാഗത്ത്, പൂർണ്ണ വീതിയുള്ള ലേഔട്ട് (~1200px) ഉദാരമായ ലംബ താളത്തോടുകൂടിയതാണ്. ഇടതുവശത്ത് ലോഗോയും, നാവിഗേഷൻ മധ്യഭാഗത്തും, വലതുവശത്ത് ഒരു പൂരിപ്പിച്ച ഓറഞ്ച് ആക്ഷൻ ബട്ടണും ഉള്ള ഒരു നേർത്ത മുകളിലെ ബാറാണ് തലക്കെട്ട്. ഹീറോ വിഭാഗം ഒരു കേന്ദ്രീകൃത സ്റ്റാക്കാണ്: രണ്ട് വർണ്ണ ശീർഷകം, ഒറ്റ-വരി ഉപതലക്കെട്ട്, ഒരു ആപ്പ് സ്റ്റോർ ഐക്കൺ, തുടർന്ന് വീതിയിലുടനീളം ഫാൻ ചെയ്തിരിക്കുന്ന 3-5 ഫോൺ മോക്കപ്പുകളുടെ ഒരു നിര. ഹീറോ വിഭാഗത്തിന് താഴെ 2x3 ഗ്രിഡിൽ ഒരു കേന്ദ്രീകൃത "ശുപാർശ ചെയ്തതുപോലെ" പ്രസ്സ് ലോഗോ വിഭാഗം ഉണ്ട്. ഫീച്ചർ വിഭാഗങ്ങൾ ആവർത്തിക്കുന്ന ഒരു പാറ്റേൺ പിന്തുടരുന്നു: രണ്ട് കോളം ടെക്സ്റ്റ് + ഫോൺ മോക്കപ്പ്, ഒന്നിടവിട്ട വശങ്ങൾ, ഓറഞ്ച്/പച്ച നിറങ്ങളിൽ ആക്സന്റ് സെക്ഷൻ ഹെഡിംഗുകൾ. ഫൂട്ടറിന് മുമ്പുള്ള അവസാന ഘടകം പൂർണ്ണ വീതിയിൽ ഡൗൺലോഡ് ചെയ്യാവുന്ന CTA കാർഡാണ്. വിഭാഗങ്ങൾക്കിടയിലുള്ള ഗട്ടറുകൾ ഉദാരമാണ് (96px), വിശാലമായ, ഗാലറി പോലുള്ള ഒരു അനുഭവം സൃഷ്ടിക്കുന്നു. നാവിഗേഷൻ ഒരു മിനിമലിസ്റ്റ് ടോപ്പ് ബാറാണ് - സൈഡ്ബാറോ മെഗാ മെനുവോ ഇല്ല.
ആപ്പിന്റെ ദൃശ്യഭാഷയിൽ ആധിപത്യം പുലർത്തുന്നത് ഉയർന്ന നിലവാരമുള്ള ഐഫോൺ ഫ്രെയിം മോക്കപ്പുകളാണ്, ആപ്പിന്റെ പ്രവർത്തന ഇന്റർഫേസ് പ്രദർശിപ്പിക്കുന്നവയാണ് - ഇവ സ്റ്റോക്ക് ഫോട്ടോകളല്ല, പ്രാഥമിക ഘടകങ്ങളാണ്. മോക്കപ്പുകൾ ഏതാണ്ട് പൂർണ്ണ സുതാര്യതയോടെ പ്രദർശിപ്പിച്ചിരിക്കുന്നു, നേരിയ ഓവർലാപ്പും സുഗമമായ ഭ്രമണവും ഉപയോഗിച്ച് ഫാൻ ഔട്ട് ചെയ്തിരിക്കുന്നു, കൂടാതെ ഒരു വെളുത്ത പശ്ചാത്തലത്തിൽ നേരിട്ട് സ്ഥാപിച്ചിരിക്കുന്നു. മോക്കപ്പുകൾക്കുള്ളിൽ, വിഷ്വൽ ഘടകം ആപ്പിന്റെ സ്വന്തം ഇന്റർഫേസാണ് നൽകുന്നത്: പോഷക വിവരങ്ങൾ, ഉൽപ്പന്ന ഫോട്ടോകൾ, മാക്രോ റിംഗുകൾ, വർണ്ണാഭമായ വിഭാഗ ടാഗുകൾ. സ്കാൻ യുവർ ഫുഡ് ആപ്പിന്റെ ക്യാമറ സ്ക്രീനിൽ ദൃശ്യമാകുന്ന ഉപയോക്താവ് സമർപ്പിച്ച ഭക്ഷണ ചിത്രങ്ങൾ മാത്രമാണ് ഫോട്ടോഗ്രാഫിക് ഉള്ളടക്കം. ജീവിതശൈലി ഫോട്ടോകളോ അമൂർത്ത ചിത്രീകരണങ്ങളോ അലങ്കാര ഗ്രാഫിക്സുകളോ ഇല്ല. ബ്രാൻഡിംഗ് പൂർണ്ണമായും കസ്റ്റം ഫോണ്ട്, ഓറഞ്ച്/പച്ച/ഇരുണ്ട വർണ്ണ സ്കീം, ആപ്പിന്റെ സ്വന്തം ഇന്റർഫേസ് എന്നിവയാൽ നിർവചിക്കപ്പെടുന്നു.
പാലറ്റ്
ബ്രാൻഡ്
- Ember Orange
#ff5406— അലങ്കാര വിശദാംശങ്ങൾക്കും അപൂർവമായ സൂചനകൾ എടുത്തുകാണിക്കുന്നതിനും ഓറഞ്ച് ഒരു ദ്വിതീയ ആക്സന്റായി ഉപയോഗിക്കുന്നു. പ്രവർത്തനത്തിലേക്കുള്ള ആഹ്വാനങ്ങൾക്ക് പ്രാഥമിക നിറമായി ഇത് ഉപയോഗിക്കരുത്.
നിഷ്പക്ഷം
- Graphite
#2f2f2f— പ്രാഥമിക വാചകം, ഇരുണ്ട ബട്ടണുകൾ (ആപ്പ് സ്റ്റോർ ഐക്കൺ), ഐക്കൺ ഔട്ട്ലൈനുകൾ. തലക്കെട്ടുകളിലും ബോഡി വാചകത്തിലും പ്രധാനമായും വെള്ളയല്ലാത്ത നിറം. - Verdant Green
#00b33f— അലങ്കാര വിശദാംശങ്ങൾക്കും കുറഞ്ഞ ആവൃത്തികൾക്ക് പ്രാധാന്യം നൽകുന്നതിനും പച്ച നിറം ഒരു അധിക ആക്സന്റായി വർത്തിക്കുന്നു. - Signal Red-Orange
#ff3400— ആപ്പ് സ്ക്രീൻ UI ഘടകങ്ങളിലും അനുബന്ധ ബ്രാൻഡിംഗിലും ദൃശ്യമാകുന്ന ഒരു ദ്വിതീയ വാം ആക്സന്റ്. എംബർ ഓറഞ്ചിനേക്കാൾ ഒരു ടോൺ ചൂടുള്ള ഇത് തിരഞ്ഞെടുത്തതോ സജീവമായതോ ആയ ആപ്പ് അവസ്ഥകൾക്ക് പ്രാധാന്യം നൽകുന്നു. - Sky Blue
#00a9dd— ആപ്പിന്റെ ആന്തരിക ഡാറ്റ വിഭാഗങ്ങൾക്ക് (കാർബോഹൈഡ്രേറ്റ്/പ്രോട്ടീൻ/മറ്റ് പോഷക ഗ്രൂപ്പുകൾ) മനോഹരമായ ഒരു വ്യത്യാസം. ഫോൺ ലേഔട്ടുകളിലെ ഊഷ്മളവും പ്രബലവുമായ വർണ്ണ പാലറ്റ് സന്തുലിതമാക്കുന്നു. - Mist Blue
#72a2c5— മ്യൂട്ടഡ് കൂൾ ആക്സന്റ് - ആപ്പിനുള്ളിലെ അധിക ഡാറ്റ ലേബലുകൾക്കും ചാർട്ട് പശ്ചാത്തലങ്ങൾക്കുമായി സ്കൈ ബ്ലൂ നിറം മൃദുവാക്കുന്നു. - Sunset Orange
#ff6d00— മാർക്കറ്റിംഗ് പേജുകളിലെ ദ്വിതീയ തലക്കെട്ടുകൾക്കും ഹൈലൈറ്റ് ചെയ്ത വാചകത്തിനും ഊഷ്മളമായ ഉച്ചാരണം.
ടൈപ്പോഗ്രാഫി
12 മുതൽ 60px വരെ · 7 ചുവടുകൾ
- Aquawax Pro Medium — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 500 · അക്വാവാക്സ് പ്രോ മീഡിയം - വേർതിരിച്ചെടുത്ത ഡാറ്റയിൽ കാണപ്പെടുന്നു, പക്ഷേ AI വിവരിച്ചിട്ടില്ല.
- 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 · യൂസർ ഇന്റർഫേസിൽ വളരെ ചെറിയ ടെക്സ്റ്റിനും ഐക്കൺ ടെക്സ്റ്റിനും ഒരു ഫാൾബാക്ക് ഓപ്ഷൻ ഉപയോഗിക്കുന്നു. മൈക്രോ സൈസുകളിൽ അക്വാവാക്സ് പ്രോ ഉപയോഗിക്കുന്നില്ല; റെൻഡറിംഗ് ഭാരം കുറയ്ക്കുന്നതിന് സിസ്റ്റം ഫോണ്ട് ഇവ കൈകാര്യം ചെയ്യുന്നു.
ഇടവേളകളും രൂപവും
| ഉദ്ദേശ്യം | അർത്ഥം |
|---|---|
| സാന്ദ്രത | വിശാലമായ |
| അടിസ്ഥാന ഘട്ടം | 20px |
| ബട്ടൺ ആരം | 26px |
| കാർഡ് ആരം | 26px |
| ഷാഡോകൾ | ഷാഡോകൾക്ക് പകരം ബോർഡറുകൾ ഇല്ല |
| വിഭാഗങ്ങൾക്കിടയിൽ | 96px |
| പേജ് വീതി | 1200px |
AI നിങ്ങളുടെ വെബ്സൈറ്റ് Foodnoms ശൈലിയിൽ നിർമ്മിച്ച് അത് പൂരിപ്പിക്കും.
- Instagram, TikTok, Facebook ലിങ്കുകൾ വഴി ഉൽപ്പന്നങ്ങളും പോസ്റ്റുകളും പൂരിപ്പിക്കുക.
- നിങ്ങളുടെ പഴയ സൈറ്റിൽ നിന്ന് ഉള്ളടക്കം കൈമാറുക—വിലാസം മാത്രം വ്യക്തമാക്കുക.
- മികച്ച എഞ്ചിനിൽ ആധുനിക ഡിസൈൻ: സെർവർ റെൻഡറിംഗും SEO ഒപ്റ്റിമൈസേഷനും ഉള്ള React ( Next.js).
- തിരയൽ ഫലങ്ങൾക്കും ന്യൂറൽ നെറ്റ്വർക്ക് ശുപാർശകൾക്കുമായി പൂർണ്ണമായും ഓട്ടോമേറ്റഡ് SEO ഒപ്റ്റിമൈസേഷൻ.
സമാനമായ ശൈലികൾ
- Slite — ടെറാക്കോട്ട ഹാൻഡിൽ ഉള്ള ഒരു ചൂടുള്ള കടലാസ് നോട്ട്ബുക്ക് - എല്ലാ പ്രതലവും ക്രീം നിറത്തിലുള്ള പേപ്പർ കൊണ്ടാണ് നിർമ്മിച്ചിരിക്കുന്നത്, ഓരോ ആക്സന്റും ഓറഞ്ച് നിറത്തിന്റെ സൂക്ഷ്മ സ്പർശം കൊണ്ട് അലങ്കരിച്ചിരിക്കുന്നു.
- Adora — ഫ്രോസ്റ്റഡ് ഗ്ലാസിന് പിന്നിലുള്ള മ്യൂസിയം ഓഫ് ഇംപ്രഷനിസം
- Bento — സൂര്യപ്രകാശത്താൽ പ്രകാശിതമായ ലിനോലിയത്തിൽ നിർമ്മിച്ച ഒരു ബെന്റോ ലഞ്ച്ബോക്സ്. കട്ടിയുള്ള കറുത്ത മഷിയിൽ വരച്ച, നാരങ്ങ, ലാവെൻഡർ, കൊബാൾട്ട്, ബർഗണ്ടി എന്നിവകൊണ്ട് നിർമ്മിച്ച വൃത്താകൃതിയിലുള്ള, സ്റ്റിക്കർ പോലുള്ള കാർഡുകളുടെ ഒരു ഗ്രിഡ്, ഓരോന്നിനും ഒരു ചൂടുള്ള ക്രീം ലിനനിൽ, ബോൾഡ്, ജ്യാമിതീയ തലക്കെട്ടിന് താഴെ കിടക്കുന്നു.
- Payments — രാജകീയ പർപ്പിൾ പശ്ചാത്തലത്തിൽ ഊർജ്ജസ്വലമായ ഒരു സിട്രസ് നിറം. ഇരുണ്ട ഇലക്ട്രിക് പർപ്പിൾ രാത്രി ആകാശത്തെ ഉണർത്തുന്നു, അതേസമയം നാരങ്ങ മഞ്ഞ ആക്സന്റുകൾ ശുദ്ധമായ വെളുത്ത പ്രതലത്തിൽ പുതിയ സിട്രസ് തൊലി പോലെ തിളങ്ങുന്നു.
- Textla — സണ്ണി റെട്രോ ബൊട്ടാണിക്കൽ അൽമാനക് - കടും പച്ച നിറത്തിൽ അച്ചടിച്ച ക്രീമി മഞ്ഞ പേജ്, മൂർച്ചയുള്ളതും ഓഫ്സെറ്റ് ഷാഡോകളിൽ റെൻഡർ ചെയ്തിരിക്കുന്ന കള്ളിച്ചെടിയുടെ ചിത്രീകരണങ്ങളോടെ.
- AI for Business — ചൂടുള്ള ചാരനിറത്തിലുള്ള ടോണുകളിൽ ക്രൂരവാദി എഡിറ്റോറിയൽ ഷോറൂം
- Superhuman — ഗോൾഡൻ അവർ എഡിറ്റോറിയൽ പാനൽ
- Visitors — വൈറ്റ് എഞ്ചിനീയറിംഗ് ഡ്രോയിംഗ്
- Vercel — വെളുത്ത പേപ്പറിൽ പ്രിന്റ് ചെയ്ത ടെർമിനൽ
- Jeton — ഊഷ്മള മാർബിളിലെ ഫിൻടെക്കിനെക്കുറിച്ചുള്ള ഒരു എഡിറ്റോറിയൽ
- Say Briefly — ക്രീം പേപ്പറിൽ ക്രിയേറ്റീവ് ഏജൻസി സ്കെച്ച്ബുക്ക്
- ClickUp — വെളുത്ത മാർബിളിൽ നിർമ്മിച്ച ശക്തമായ ഒരു ഡാഷ്ബോർഡ്. ഈ പേജ് ഒരു ഉൽപാദനക്ഷമതാ ഉപകരണത്തിനായുള്ള ഒരു ഉൽപ്പന്ന ബ്രോഷറാണ്, അതിനാൽ ദൃശ്യ ഭാഷ ഉൽപ്പന്നത്തിൽ നിന്ന് തന്നെ കടമെടുത്തതാണ്: ഇടതൂർന്ന ലിസ്റ്റുകൾ, സ്റ്റാറ്റസ് സൂചകങ്ങൾ, അവതാരങ്ങളുടെ ഗ്രൂപ്പുകൾ, പ്രദർശനത്തിൽ ഒരു ഉൽപ്പന്ന സ്പെസിഫിക്കേഷൻ പോലെ കാണപ്പെടുന്ന ബോൾഡ് ടൈപ്പോഗ്രാഫിക് സ്റ്റേറ്റ്മെന്റുകൾ.