Foodnoms
తెల్లటి పింగాణీపై ప్రకాశవంతమైన పండ్ల మార్కెట్ - వెచ్చని నారింజ పండ్లు, తాజా ఆకుకూరలు మరియు భారీ గుండ్రని ఆకారాలు
ఫుడ్నామ్స్ పోషకాహార ట్రాకింగ్ కోసం తేలికపాటి మార్కెటింగ్ భాషను ఉపయోగిస్తుంది: శుభ్రమైన తెల్లటి కాన్వాస్, దృశ్య సూచికలుగా పెద్ద సైజు ఫోన్ నమూనాలు, మరియు పోషకాలను, పురోగతిని సూచించే రంగులతో కూడిన సరదా రంగుల పదజాలం. రెండు-రంగుల హెడర్ విధానం (కీవర్డ్ కోసం ఒక రంగు, మిగిలిన వాటికి ముదురు గ్రాఫైట్) విలువ ప్రతిపాదనను త్వరగా అంచనా వేయడానికి వీలు కల్పిస్తుంది. ఈ సిస్టమ్, డేటాతో నిండిన యాప్ స్క్రీన్లను మృదువుగా మార్చే స్పష్టమైన గుండ్రని జ్యామితీయ ఆకృతులు గల ఒకే యూజర్ డిస్ప్లే (ఆక్వావాక్స్ ప్రో)పై ఆధారపడి ఉంటుంది. చాలా ఉపరితలాలు చదునుగా మరియు నీడ లేకుండా ఉంటాయి; ఏకరీతి మూలల వంపు బటన్లు, కార్డులు మరియు లేబుల్లకు స్నేహపూర్వకమైన, మృదువైన అనుభూతిని ఇస్తుంది, దీనివల్ల ఆరోగ్య ట్రాకింగ్ వైద్యపరమైన దానికంటే సులభంగా అందుబాటులో ఉన్నట్లు అనిపిస్తుంది.
ఈ పేజీ విశాలమైన నిలువు వరుసలతో, మధ్యలో, పూర్తి వెడల్పుతో (~1200px) ఒకే కాలమ్ లేఅవుట్ను కలిగి ఉంది. హెడర్ అనేది ఎడమవైపు లోగో, మధ్యలో నావిగేషన్, మరియు కుడివైపు నింపిన నారింజ రంగు యాక్షన్ బటన్తో కూడిన ఒక సన్నని టాప్ బార్. హీరో సెక్షన్ మధ్యలో ఒక స్టాక్లా ఉంటుంది: రెండు రంగుల టైటిల్, ఒకే లైన్లో సబ్హెడర్, ఒక యాప్ స్టోర్ ఐకాన్, ఆపై పేజీ వెడల్పు అంతటా విస్తరించి ఉన్న 3-5 ఫోన్ మాక్అప్ల వరుస. హీరో సెక్షన్ కింద, 2x3 గ్రిడ్లో మధ్యలో "సిఫార్సు చేయబడినది" (As Recommended) అనే ప్రెస్ లోగో సెక్షన్ ఉంటుంది. ఫీచర్ సెక్షన్లు ఒక పునరావృత నమూనాను అనుసరిస్తాయి: రెండు-కాలమ్ టెక్స్ట్ + ఫోన్ మాక్అప్, ఒకదాని తర్వాత ఒకటిగా వచ్చే వైపులతో, నారింజ/ఆకుపచ్చ రంగులలో యాక్సెంట్ సెక్షన్ హెడ్డింగ్లతో ఉంటాయి. ఫుటర్కు ముందు ఉన్న చివరి ఎలిమెంట్ పూర్తి వెడల్పుతో డౌన్లోడ్ చేసుకోగల 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 నుండి 60 పిక్సెల్స్ వరకు · 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.
- మీ పాత సైట్ నుండి కంటెంట్ను బదిలీ చేయండి—కేవలం చిరునామాను పేర్కొనండి.
- అత్యుత్తమ ఇంజిన్ అయిన React ( Next.js) పై ఆధునిక డిజైన్, సర్వర్ రెండరింగ్ మరియు ఎస్ఈఓ ఆప్టిమైజేషన్తో వస్తుంది.
- శోధన ఫలితాలు మరియు న్యూరల్ నెట్వర్క్ సిఫార్సుల కోసం పూర్తిగా స్వయంచాలక SEO ఆప్టిమైజేషన్.
సారూప్య శైలులు
- Slite — టెర్రకోట హ్యాండిల్తో కూడిన వెచ్చని పార్చ్మెంట్ నోట్బుక్—ప్రతి ఉపరితలం క్రీమ్ రంగు కాగితం, ప్రతి అలంకరణలో సూక్ష్మమైన నారింజ రంగు ఛాయ.
- Adora — మసక గాజు వెనుక ఇంప్రెషనిజం మ్యూజియం
- Bento — సూర్యకాంతి పడుతున్న లినోలియం మీద ఒక బెంటో లంచ్బాక్స్. నిమ్మ, లావెండర్, కోబాల్ట్ మరియు బర్గండీ రంగులలో, గుండ్రంగా, స్టిక్కర్లలా ఉండే కార్డుల గ్రిడ్, ప్రతి కార్డుకు మందపాటి నల్ల సిరాతో అంచు గీసి, ఒక ముదురు, జ్యామితీయ శీర్షిక కింద వెచ్చని, క్రీమ్ రంగు లినెన్ మీద పరచబడి ఉంది.
- Payments — రాజసమైన ఊదా రంగు నేపథ్యంపై ప్రకాశవంతమైన నిమ్మపచ్చ రంగు. గాఢమైన విద్యుత్ ఊదా రంగు రాత్రి ఆకాశాన్ని తలపిస్తుండగా, నిమ్మపసుపు రంగు ఛాయలు స్వచ్ఛమైన తెల్లని ఉపరితలంపై తాజా నిమ్మ తొక్కలా మెరుస్తున్నాయి.
- Textla — సన్నీ రెట్రో బొటానికల్ అల్మానాక్ - ముదురు ఆకుపచ్చ రంగులో ముద్రించబడిన లేత పసుపు రంగు పేజీ, దీనిపై పదునైన, విభిన్నమైన నీడలతో చిత్రీకరించబడిన కాక్టస్ బొమ్మలు ఉన్నాయి.
- AI for Business — వెచ్చని బూడిద రంగు ఛాయలలో బ్రూటలిస్ట్ ఎడిటోరియల్ షోరూమ్
- Superhuman — గోల్డెన్ అవర్ ఎడిటోరియల్ ప్యానెల్
- Visitors — తెలుపు ఇంజనీరింగ్ డ్రాయింగ్
- Vercel — తెల్ల కాగితంపై ముద్రించిన టెర్మినల్
- Jeton — వార్మ్ మార్బుల్పై ఫిన్టెక్ గురించి ఒక సంపాదకీయం
- Say Briefly — క్రీమ్ రంగు కాగితంపై క్రియేటివ్ ఏజెన్సీ స్కెచ్బుక్
- ClickUp — తెల్లని పాలరాయిపై ఒక శక్తివంతమైన డాష్బోర్డ్. ఈ పేజీ ఒక ఉత్పాదకత సాధనం యొక్క ఉత్పత్తి బ్రోచర్, కాబట్టి దీని దృశ్య భాష ఆ ఉత్పత్తి నుండే స్వీకరించబడింది: దట్టమైన జాబితాలు, స్థితి సూచికలు, అవతార్ల సమూహాలు మరియు ప్రదర్శనలో ఉన్న ఉత్పత్తి స్పెసిఫికేషన్ లాగా కనిపించే బోల్డ్ టైపోగ్రాఫిక్ ప్రకటనలు.