Foodnoms
Sinnich fruitmerk op wyt porselein - waarme sinaasappels, farske grienten en volumineuze rûne foarmen
Foodnoms hat in lichtmoedige marketingtaal foar it folgjen fan fiedingsstoffen: in skjin wyt doek, grutte tillefoanmodellen as fisuele ankers, en in boartlike kleurwurdskat wêrby't kleuren fiedingsstoffen en foarútgong fertsjintwurdigje. In twakleurich koptekstskema (ien kleur foar it kaaiwurd, donker grafyt foar de rest) makket in rappe beoardieling fan 'e weardeproposysje mooglik. It systeem is basearre op in ienige brûkersskerm (Aquawax Pro) mei dúdlik rûne geometryske funksjes dy't de data-swiere app-skermen sêfter meitsje. De measte oerflakken binne flak en skaadleas; de unifoarme hoeke-radius jout knoppen, kaarten en labels in freonlik, sêft gefoel, wêrtroch sûnenstracking tagonkliker fielt as klinysk.
De side hat in ienkolom, sintraal, folsleine breedte yndieling (~1200px) mei in romhertich fertikaal ritme. De koptekst is in tinne boppeste balke mei it logo oan 'e lofterkant, navigaasje sintraal, en in ynfolde oranje aksjeknop oan 'e rjochterkant. De heldeseksje is in sintraal stapel: in twakleurige titel, in ienregelige subkoptekst, in App Store-ikoan, en dan in rige fan 3-5 tillefoanmodellen ferspraat oer de breedte. Under de heldeseksje is in sintraal "As oanrikkemandearre" parselogo-seksje yn in 2x3 raster. De funksjeseksjes folgje in werhellend patroan: tekst yn twa kolommen + tillefoanmodell, ôfwikseljende kanten, mei aksintseksjekoppen yn oranje/grien. It lêste elemint foar de fuottekst is in downloadbere CTA-kaart oer folsleine breedte. De gutters tusken seksjes binne romhertich (96px), wêrtroch in romme, galery-eftich gefoel ûntstiet. De navigaasje is in minimalistyske boppeste balke - gjin sydbalke of megamenu.
De fisuele taal fan 'e app wurdt dominearre troch iPhone-frame-mockups fan hege kwaliteit dy't de wurkjende ynterface fan 'e app sjen litte - dit binne de primêre eleminten, gjin stockfoto's. De mockups wurde werjûn mei hast totale transparânsje, ferspraat mei in lichte oerlaap en glêde rotaasje, en direkt op in wite eftergrûn pleatst. Binnen de mockups wurdt de fisuele komponint levere troch de eigen ynterface fan 'e app: fiedingsynformaasje, produktfoto's, makro-ringen en kleurige kategorytags. De ienige fotografyske ynhâld binne troch brûkers yntsjinne itenôfbyldings dy't sichtber binne op it kameraskerm fan 'e Scan Your Food-app. D'r binne gjin libbensstylfoto's, gjin abstrakte yllustraasjes, gjin dekorative grafiken. De branding wurdt folslein definieare troch it oanpaste lettertype, it oranje/griene/donkere kleurskema en de eigen ynterface fan 'e app.
Palet
Merk
- Ember Orange
#ff5406— Oranje wurdt brûkt as in sekundêr aksint foar dekorative details en om ûngewoane oanwizings te markearjen. It moat net brûkt wurde as de primêre kleur foar oprop ta aksje.
Neutraal
- Graphite
#2f2f2f— Primêre tekst, donkere knoppen (App Store-ikoan) en ikoanomtrekken. In oerhearskjende net-wite kleur yn kopteksten en lichemstekst. - Verdant Green
#00b33f— De griene kleur tsjinnet as in ekstra aksint foar dekorative details en om lege frekwinsjes te beklamjen. - Signal Red-Orange
#ff3400— In sekundêr waarm aksint, sichtber yn UI-eleminten fan it app-skerm en relatearre branding. Ien toan waarmer as Ember Orange, it beklammet selektearre of aktive app-steaten. - Sky Blue
#00a9dd— In noflik kontrast foar de ynterne datakategoryen fan 'e app (koalhydraten/aaiwiten/oare fiedingsstofgroepen). Balansearret it waarme, dominante kleurpalet yn 'e tillefoanlayouts. - Mist Blue
#72a2c5— Gedempte koele aksint - Ferseftet de himelblauwe kleur foar ekstra datalabels en diagramachtergrûnen binnen de app. - Sunset Orange
#ff6d00— In waarm aksint foar sekundêre kopteksten en markearre tekst op marketingpagina's.
Typografy
fan 12 oant 60px · 7 stappen
- Aquawax Pro Medium — ferfanging: Inter · sketsen 500 · Aquawax Pro Medium - Fûn yn 'e ekstrahearre gegevens, mar net beskreaun troch de AI.
- Aquawax Pro — ferfanging: Nunito Sans · sketsen 700, 500, 600 · It primêre merklettertype dat brûkt wurdt yn alle konteksten, ynklusyf kopteksten en lichemtekst. Dit oanpast ûntworpen lettertype hat brede letterhichte, rûne geometryske foarmen en noflike proporsjes. Fet (700) wurdt brûkt foar kopteksten en seksjes - de typografyske lânsmerken fan it systeem. Healfet (600) wurdt brûkt foar subkopteksten en knoplabels op 14-1,8 mm. Middel (500) wurdt brûkt foar lichemtekst op 17-1,8 mm, mei foldwaande rigelôfstân fan 1,6-1,8 mm foar noflik lêzen.
- System sans-serif — ferfanging: Inter · sketsen 400, 700 · In fallback-opsje wurdt brûkt foar tige lytse tekst en ikoantekst yn 'e brûkersynterface. Aquawax Pro wurdt net brûkt by mikrogrutte; it systeemlettertype behannelet dizze om it renderinggewicht te ferminderjen.
Yntervallen en foarm
| Doel | Betsjutting |
|---|---|
| Dichtheid | rom |
| Basisstap | 20px |
| Knopradius | 26px |
| Kaartradius | 26px |
| Skaden | gjin grinzen ynstee fan skaden |
| Tusken seksjes | 96px |
| Sidebreedte | 1200px |
AI sil jo webside bouwe yn Foodnoms -styl en it folje
- Folje oan mei produkten en berjochten fia de link - Instagram, TikTok, Facebook.
- Oerdrage ynhâld fan jo âlde side - spesifisearje gewoan it adres.
- Modern ûntwerp op 'e bêste motor: React ( Next.js) mei serverrendering en SEO-optimalisaasje direkt út 'e doaze.
- Folslein automatisearre SEO-optimalisaasje foar sykresultaten en oanbefellings foar neurale netwurken.
Ferlykbere stilen
- Slite — In waarm perkamintnotebook mei in terracotta-handgreep - elk oerflak is romich papier, elk aksint in subtile touch fan oranje.
- Adora — It Museum fan Ympressionisme efter matglês
- Bento — In bento-lunchbox op sinneljocht linoleum. In raster fan rûne, sticker-eftige kaarten yn limoen, lavendel, kobalt en burgundy, elk omskreaun yn dikke swarte inket, leit op in waarm, romich linnen ûnder in fet, geometryske titel.
- Payments — In libbene sitruskleur tsjin in keninklike pearse eftergrûn. It djippe elektryske pearse ropt de nachthimel op, wylst sitroengiele aksinten fonkelje as farske sitrusskil tsjin in skjin wyt oerflak.
- Textla — Sinnich Retro Botanysk Almanak - Romige giele pagina printe yn donkergrien mei yllustraasjes fan kaktussen werjûn yn skerpe, offset skaden
- AI for Business — Brutalistyske redaksjeshowroom yn waarme grize toanen
- Superhuman — redaksjepaniel gouden oere
- Visitors — wite yngenieurstekening
- Vercel — Terminal printe op wyt papier
- Jeton — In redaksje oer fintech op waarm moarmer
- Say Briefly — Sketsboek fan it kreatyf buro op crèmekleurich papier
- ClickUp — In krêftich dashboard op wyt moarmer. De pagina is in produktbrosjuere foar in produktiviteitsark, dus de fisuele taal is liend fan it produkt sels: tichte listen, statusindikatoaren, groepen avatars en fetdrukte typografyske útspraken dy't lykje op in produktspesifikaasje op it skerm.