Foodnoms
Saulėtas vaisių turgus ant balto porceliano – šilti apelsinai, švieži žalumynai ir tūrinės apvalios formos
„Foodnoms“ mitybos stebėjimui naudoja nerūpestingą rinkodaros kalbą: švarią baltą drobę, didelius telefonų maketus kaip vizualinius inkarus ir žaismingą spalvų žodyną, kur spalvos atspindi maistines medžiagas ir pažangą. Dviejų spalvų antraštės schema (viena spalva raktiniam žodžiui, tamsaus grafito – likusiems) leidžia greitai įvertinti vertės pasiūlymą. Sistema veikia vieno vartotojo ekrane („Aquawax Pro“) su ryškiai apvaliais geometriniais elementais, kurie sušvelnina duomenų gausos turinčius programėlių ekranus. Dauguma paviršių yra plokšti ir be šešėlių; vienodas kampų spindulys suteikia mygtukams, kortelėms ir etiketėms draugišką, švelnų pojūtį, todėl sveikatos stebėjimas atrodo labiau prieinamas nei klinikinis.
Puslapis yra vieno stulpelio, centruotas, viso pločio (apie 1200 pikselių) išdėstymas su dosniu vertikaliu ritmu. Antraštė yra plona viršutinė juosta su logotipu kairėje, navigacija centre ir užpildytu oranžiniu veiksmo mygtuku dešinėje. Pagrindinė skiltis yra centre išdėstyta: dviejų spalvų pavadinimas, vienos eilutės paantraštė, „App Store“ piktograma ir 3–5 telefono maketų eilutė, išdėstyta per visą plotį. Po pagrindine skiltimi yra centre esantis „Kaip rekomenduojama“ spaudos logotipo skyrius 2x3 tinklelyje. Funkcijų skyriai atitinka pasikartojantį modelį: dviejų stulpelių tekstas + telefono maketas, pakaitomis išdėstytos pusės, su oranžinės / žalios spalvos akcento skyrių antraštėmis. Paskutinis elementas prieš poraštę yra viso pločio atsisiunčiama raginimo veikti kortelė. Tarpai tarp skyrių yra dideli (96 pikseliai), sukuriantys erdvų, galerijos pojūtį. Navigacija yra minimalistinė viršutinė juosta – nėra šoninės juostos ar mega meniu.
Programėlės vizualinėje kalboje dominuoja aukštos kokybės „iPhone“ rėmelių maketai, rodantys programėlės veikimo sąsają – tai pagrindiniai elementai, o ne nuotraukos iš nuotraukų archyvo. Maketai rodomi beveik visiškai permatomi, šiek tiek persidengiantys ir sklandžiai pasukami, išdėstyti tiesiai baltame fone. Maketuose vizualinį komponentą teikia pačios programėlės sąsaja: maistinė informacija, produktų nuotraukos, makro žiedai ir spalvingos kategorijų žymos. Vienintelis fotografinis turinys yra vartotojų pateikti maisto vaizdai, matomi programėlės „Scan Your Food“ kameros ekrane. Nėra jokių gyvenimo būdo nuotraukų, abstrakčių iliustracijų, dekoratyvinės grafikos. Prekės ženklą visiškai apibrėžia pasirinktinis šriftas, oranžinė / žalia / tamsi spalvų schema ir pačios programėlės sąsaja.
Paletė
Prekės ženklas
- Ember Orange
#ff5406— Oranžinė spalva naudojama kaip antrinis akcentas dekoratyvinėms detalėms ir retų užuominų paryškinimui. Ji neturėtų būti naudojama kaip pagrindinė spalva raginimams veikti.
Neutralus
- Graphite
#2f2f2f— Pagrindinis tekstas, tamsūs mygtukai („App Store“ piktograma) ir piktogramų kontūrai. Antraštėse ir tekste vyraujanti ne balta spalva. - Verdant Green
#00b33f— Žalia spalva tarnauja kaip papildomas akcentas dekoratyvinėms detalėms ir žemų dažnių pabrėžimui. - Signal Red-Orange
#ff3400— Antrinis šiltas akcentas, matomas programėlės ekrano sąsajos elementuose ir susijusiame prekės ženklo dizaine. Vienu tonu šiltesnis nei „Ember Orange“, jis pabrėžia pasirinktas arba aktyvias programėlės būsenas. - Sky Blue
#00a9dd— Malonus kontrastas programėlės vidinėms duomenų kategorijoms (angliavandeniai / baltymai / kitos maistinių medžiagų grupės). Subalansuoja šiltą, dominuojančią spalvų paletę telefono maketuose. - Mist Blue
#72a2c5— Prislopintas vėsus akcentas – sušvelnina dangaus mėlynumo spalvą, kad programoje būtų galima naudoti papildomas duomenų etiketes ir diagramų fonus. - Sunset Orange
#ff6d00— Šiltas akcentas antrinėms antraštėms ir paryškintam tekstui rinkodaros puslapiuose.
Tipografija
nuo 12 iki 60 pikselių · 7 žingsniai
- Aquawax Pro Medium — pakeitimas: Inter · kontūrai 500 · „Aquawax Pro Medium“ – rasta išgautuose duomenyse, bet dirbtinis intelektas jos neaprašė.
- Aquawax Pro — pakeitimas: Nunito Sans · kontūrai 700, 500, 600 · Pagrindinis prekės ženklo šriftas, naudojamas visuose kontekstuose, įskaitant antraštes ir pagrindinį tekstą. Šis pagal užsakymą sukurtas šriftas pasižymi plačiu raidžių aukščiu, apvaliomis geometrinėmis formomis ir patogiomis proporcijomis. Paryškintas (700) šriftas naudojamas antraštėms ir skyriams – sistemos tipografiniams orientyrams. Pusiau paryškintas (600) šriftas naudojamas paantraštėms ir mygtukų etiketėms, kurių plotis yra 14–1,8 mm. Vidutinis (500) šriftas naudojamas pagrindiniam tekstui, kurio plotis yra 17–1,8 mm, o eilučių tarpai yra pakankami patogiam skaitymui.
- System sans-serif — pakeitimas: Inter · kontūrai 400, 700 · Labai mažam tekstui ir piktogramų tekstui vartotojo sąsajoje naudojama atsarginė parinktis. „Aquawax Pro“ nenaudojamas esant mikro dydžiams; sistemos šriftas juos apdoroja, kad sumažintų atvaizdavimo svorį.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | erdvus |
| Pagrindinis žingsnis | 20px |
| Mygtuko spindulys | 26px |
| Kortelės spindulys | 26px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 96px |
| Puslapio plotis | 1200px |
Dirbtinis intelektas sukurs jūsų svetainę Foodnoms stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- Slite — Šiltas pergamentinis užrašų knygutės raštas su terakotos rankena – kiekvienas paviršius pagamintas iš kreminio popieriaus, kiekvienas akcentas – subtilus oranžinis atspalvis.
- Adora — Impresionizmo muziejus už matinio stiklo
- Bento — Bento pietų dėžutė ant saulės apšviesto linoleumo. Ant šilto, kreminio lininio audinio po ryškiu geometriniu pavadinimu išdėstytos apvalios, lipdukus primenančios žaliosios citrinos, levandų, kobalto ir bordo spalvų kortelės, kurių kiekviena apibrėžė storu juodu rašalu.
- Payments — Ryškus citrusinių vaisių atspalvis karališkos violetinės spalvos fone. Sodri elektrinė violetinė spalva primena naktinį dangų, o citrininės geltonos spalvos akcentai žėri tarsi šviežios citrusinių vaisių žievelės ant švaraus balto paviršiaus.
- Textla — Saulėtas retro botaninis almanachas – kreminės geltonos spalvos puslapis, atspausdintas tamsiai žalia spalva su kaktusų iliustracijomis, perteiktomis ryškiais, pasislinkusiais šešėliais.
- AI for Business — Brutalistinis redakcinis salonas šiltais pilkais tonais
- Superhuman — „Auksinės valandos“ redakcijos kolegija
- Visitors — baltas inžinerinis brėžinys
- Vercel — Terminalas atspausdintas ant balto popieriaus
- Jeton — Redakcinis straipsnis apie finansines technologijas ant šilto marmuro
- Say Briefly — Kūrybinės agentūros eskizų knygelė ant kreminio popieriaus
- ClickUp — Galingas prietaisų skydelis ant balto marmuro. Puslapis yra produktyvumo įrankio produkto brošiūra, todėl vizualinė kalba pasiskolinta iš paties produkto: tankūs sąrašai, būsenos indikatoriai, avatarų grupės ir paryškinti tipografiniai teiginiai, kurie atrodo kaip rodoma produkto specifikacija.