Foodnoms
Suq tal-frott xemxi fuq porċellana bajda - larinġ sħun, ħodor friski u forom tondi voluminużi
Foodnoms juża lingwaġġ ta' kummerċjalizzazzjoni ħafif għat-traċċar tan-nutrizzjoni: kanvas abjad nadif, mockups tat-telefown kbar ħafna bħala ankri viżwali, u vokabolarju tal-kuluri jilgħab fejn il-kuluri jirrappreżentaw in-nutrijenti u l-progress. Skema ta' header b'żewġ kuluri (kulur wieħed għall-kelma prinċipali, grafit skur għall-bqija) tippermetti valutazzjoni rapida tal-proposta tal-valur. Is-sistema tiddependi fuq display ta' utent wieħed (Aquawax Pro) b'karatteristiċi ġeometriċi distintament tondi li jrattbu l-iskrins tal-app tqal bid-dejta. Il-biċċa l-kbira tal-uċuħ huma ċatti u mingħajr dellijiet; ir-raġġ uniformi tal-kantuniera jagħti lill-buttuni, lill-karti, u lit-tikketti sensazzjoni faċli u ratba, u b'hekk it-traċċar tas-saħħa jħossu aktar aċċessibbli milli kliniku.
Il-paġna għandha tqassim ta' kolonna waħda, iċċentrat, b'wisa' sħiħa (~1200px) b'ritmu vertikali ġeneruż. L-intestatura hija bar irqiq ta' fuq bil-logo fuq ix-xellug, in-navigazzjoni ċċentrata, u buttuna ta' azzjoni oranġjo mimlija fuq il-lemin. It-taqsima tal-eroj hija munzell iċċentrat: titlu b'żewġ kuluri, subintestatura b'linja waħda, ikona tal-App Store, u mbagħad ringiela ta' 3-5 mockups tat-telefon mifruxa mal-wisa' kollha. Taħt it-taqsima tal-eroj hemm sezzjoni ċċentrata tal-logo tal-istampa "Kif Rakkomandat" fi grilja ta' 2x3. It-taqsimiet tal-karatteristiċi jsegwu mudell ripetut: test b'żewġ kolonni + mockup tat-telefon, naħat alternati, b'intestaturi tat-taqsimiet aċċentwati bl-oranġjo/aħdar. L-aħħar element qabel il-footer huwa kard tas-CTA b'wisa' sħiħa li tista' titniżżel. Il-kanali bejn it-taqsimiet huma ġenerużi (96px), u joħolqu sensazzjoni spazjuża, bħal gallerija. In-navigazzjoni hija bar ta' fuq minimalista - l-ebda sidebar jew mega menu.
Il-lingwaġġ viżwali tal-app huwa ddominat minn mockups ta' frejms tal-iPhone ta' kwalità għolja li juru l-interface tax-xogħol tal-app—dawn huma l-elementi primarji, mhux ritratti tal-istokk. Il-mockups huma murija bi trasparenza kważi totali, mifruxa b'koinċidenza żgħira u rotazzjoni bla xkiel, u pożizzjonati direttament fuq sfond abjad. Fi ħdan il-mockups, il-komponent viżwali huwa pprovdut mill-interface tal-app stess: informazzjoni nutrizzjonali, ritratti tal-prodott, ċrieki makro, u tikketti tal-kategoriji kkuluriti. L-uniku kontenut fotografiku huwa immaġini tal-ikel sottomessi mill-utent viżibbli fuq l-iskrin tal-kamera tal-app Scan Your Food. M'hemm l-ebda ritratti tal-istil tal-ħajja, l-ebda illustrazzjonijiet astratti, l-ebda grafika dekorattiva. Il-branding huwa definit kompletament mit-tipa apposta, l-iskema tal-kuluri oranġjo/aħdar/skur, u l-interface tal-app stess.
Paletta
Marka
- Ember Orange
#ff5406— L-oranġjo jintuża bħala aċċent sekondarju għal dettalji dekorattivi u biex jenfasizza sinjali mhux frekwenti. M'għandux jintuża bħala l-kulur primarju għal sejħiet għal azzjoni.
Newtrali
- Graphite
#2f2f2f— Test primarju, buttuni skuri (ikona tal-App Store), u kontorni tal-ikoni. Kulur predominanti mhux abjad fit-titoli u t-test tal-ġisem. - Verdant Green
#00b33f— Il-kulur aħdar iservi bħala aċċent addizzjonali għal dettalji dekorattivi u biex jenfasizza frekwenzi baxxi. - Signal Red-Orange
#ff3400— Aċċent sekondarju sħun, viżibbli fl-elementi tal-UI tal-iskrin tal-app u l-branding relatat. Ton wieħed aktar sħun minn Ember Orange, jenfasizza l-istati magħżula jew attivi tal-app. - Sky Blue
#00a9dd— Kuntrast pjaċevoli għall-kategoriji tad-dejta interni tal-app (karboidrati/proteini/gruppi ta' nutrijenti oħra). Jibbilanċja l-paletta tal-kuluri sħuna u dominanti fid-disinji tat-telefon. - Mist Blue
#72a2c5— Aċċent Silenzjuż u Kessaħ - Ittaffi l-kulur Blu Sema għal tikketti tad-dejta addizzjonali u sfondi taċ-ċarts fl-app. - Sunset Orange
#ff6d00— Aċċent sħun għal intestaturi sekondarji u test enfasizzat fuq paġni ta' kummerċjalizzazzjoni.
Tipografija
minn 12 sa 60px · 7 passi
- Aquawax Pro Medium — sostituzzjoni: Inter · linji gwida 500 · Aquawax Pro Medium - Misjuba fid-dejta estratta iżda mhux deskritta mill-AI.
- Aquawax Pro — sostituzzjoni: Nunito Sans · linji gwida 700, 500, 600 · It-tipa primarja tal-marka użata fil-kuntesti kollha, inklużi l-intestaturi u l-korp tal-kitba. Din it-tipa ddisinjata apposta għandha għoli wiesa' tal-ittri, forom ġeometriċi ttundjati, u proporzjonijiet komdi. Bold (700) tintuża għall-intestaturi u t-taqsimiet—il-punti ta' riferiment tipografiċi tas-sistema. Semibold (600) tintuża għas-sottointestaturi u t-tikketti tal-buttuni b'14–1.8 mm. Medium (500) tintuża għall-korp tal-kitba b'17–1.8 mm, b'spazjar suffiċjenti bejn il-linji ta' 1.6–1.8 mm għal qari komdu.
- System sans-serif — sostituzzjoni: Inter · linji gwida 400, 700 · Għażla ta' riżerva tintuża għal test żgħir ħafna u test ta' ikoni fl-interfaċċja tal-utent. Aquawax Pro ma jintużax f'daqsijiet mikro; it-tipa tas-sistema tieħu ħsieb dawn biex tnaqqas il-piż tar-rendering.
Intervalli u forma
| Skop | Tifsira |
|---|---|
| Densità | spazjuż |
| Pass bażiku | 20px |
| Raġġ tal-buttuna | 26px |
| Raġġ tal-karta | 26px |
| Dellijiet | le - fruntieri minflok dellijiet |
| Bejn is-sezzjonijiet | 96px |
| Wisa' tal-paġna | 1200px |
L-AI se tibni l-websajt tiegħek fl-istil ta' Foodnoms u timlieha
- Imla bi prodotti u postijiet permezz tal-link - Instagram, TikTok, Facebook.
- Ittrasferixxi l-kontenut mis-sit il-qadim tiegħek—speċifika biss l-indirizz.
- Disinn modern fuq l-aqwa magna: React ( Next.js) b'rendering tas-server u ottimizzazzjoni SEO lesti għall-użu.
- Ottimizzazzjoni SEO kompletament awtomatizzata għar-riżultati tat-tfittxija u rakkomandazzjonijiet tan-netwerk newrali.
Stili simili
- Slite — Ktieb tal-parċmina sħun b'manku tat-terracotta—kull wiċċ huwa karta kremuża, kull aċċent mess sottili ta' oranġjo.
- Adora — Il-Mużew tal-Impressjoniżmu wara ħġieġ matt
- Bento — Lunchbox bento fuq linolju mdawwal mix-xemx. Grilja ta’ karti tondi, qishom stikers bil-ġir, lavanda, kobalt, u burgundy, kull waħda mmarkata b’linka sewda ħoxna, tinsab fuq bjankerija sħuna u kremuża taħt titlu ġeometriku qawwi.
- Payments — Lewn vibranti taċ-ċitru fuq sfond vjola rjali. Il-vjola elettrika skura tevoka s-sema bil-lejl, filwaqt li aċċenti sofor tal-lumi jixegħlu bħal qoxra friska taċ-ċitru fuq wiċċ abjad nadif.
- Textla — Almanakk Botaniku Retro tax-Xemxi - Paġna safra kremuża stampata b'aħdar skur b'illustrazzjonijiet ta' kakti ppreżentati f'dellijiet preċiżi u mċaqalqa
- AI for Business — Showroom editorjali brutalista f'toni griżi sħan
- Superhuman — panel editorjali tas-siegħa tad-deheb
- Visitors — tpinġija bajda tal-inġinerija
- Vercel — Terminal stampat fuq karta bajda
- Jeton — Editorjal dwar fintech fuq irħam sħun
- Say Briefly — Sketchbook tal-aġenzija kreattiva fuq karta krema
- ClickUp — Dashboard b'saħħtu fuq irħam abjad. Il-paġna hija fuljett ta' prodott għal għodda ta' produttività, għalhekk il-lingwaġġ viżwali huwa misluf mill-prodott innifsu: listi densi, indikaturi tal-istatus, gruppi ta' avatars, u dikjarazzjonijiet tipografiċi b'tipa grassa li jidhru qishom speċifikazzjoni tal-prodott għall-wiri.