Foodnoms
Ақ фарфордағы күн шуақты жеміс базары - жылы апельсиндер, жаңа піскен көкөністер және көлемді дөңгелек пішіндер
Foodnoms тамақтануды бақылауға арналған жеңіл маркетингтік тілді ұсынады: таза ақ кенеп, визуалды тіректер ретінде үлкен телефон макеттері және түстер қоректік заттар мен прогресті білдіретін ойнақы түсті сөздік. Екі түсті тақырып схемасы (кілт сөз үшін бір түс, қалғандары үшін қара графит) құндылық ұсынысын тез бағалауға мүмкіндік береді. Жүйе деректерге бай қолданба экрандарын жұмсартатын айқын дөңгелектелген геометриялық ерекшеліктері бар бір пайдаланушы дисплейіне (Aquawax Pro) негізделген. Көптеген беттер тегіс және көлеңкесіз; біркелкі бұрыш радиусы түймелерге, карталарға және жапсырмаларға достық, жұмсақ сезім береді, бұл денсаулықты бақылауды клиникалыққа қарағанда қолжетімді етеді.
Бетте бір бағаннан тұратын, ортасында орналасқан, толық ендік орналасуы (~1200 пиксель) және кең тік ырғағы бар. Тақырып - сол жағында логотипі, ортасында навигация және оң жағында толтырылған қызғылт сары әрекет түймесі бар жұқа жоғарғы жолақ. Батыр бөлімі - орталықтандырылған стек: екі түсті тақырып, бір жолды ішкі тақырып, App Store белгішесі, содан кейін ені бойынша таралған 3-5 телефон макеттерінің қатары. Батыр бөлімінің астында 2x3 торда ортасында орналасқан "Ұсынылғандай" баспасөз логотипі бөлімі орналасқан. Функция бөлімдері қайталанатын үлгіні ұстанады: екі бағаннан тұратын мәтін + телефон макеттері, кезектесіп орналасқан жақтары, қызғылт сары/жасыл түсті екпінді бөлім тақырыптары бар. Төменгі колонтитул алдындағы соңғы элемент - толық ендік жүктелетін CTA картасы. Бөлімдер арасындағы науалар кең (96 пиксель), бұл кең, галерея тәрізді сезім тудырады. Навигация - минималистік жоғарғы жолақ - бүйірлік жолақ немесе мега мәзір жоқ.
Қолданбаның визуалды тілінде қолданбаның жұмыс интерфейсін көрсететін жоғары сапалы iPhone кадр макеттері басым — бұлар негізгі элементтер, қордағы фотосуреттер емес. Макеттер толықтай мөлдірлікпен көрсетіледі, аздап қабаттасып, тегіс айналады және тікелей ақ фонда орналастырылады. Макеттердің ішінде визуалды компонент қолданбаның өз интерфейсімен қамтамасыз етіледі: тағамдық ақпарат, өнім фотосуреттері, макро сақиналар және түрлі-түсті санат тегтері. Фотосурет мазмұны тек пайдаланушы жіберген тағам суреттері болып табылады, олар Scan Your Food қолданбасының камера экранында көрінеді. Өмір салты фотосуреттері, абстрактілі иллюстрациялар, сәндік графика жоқ. Бренд толығымен арнайы қаріппен, қызғылт сары/жасыл/қара түс схемасымен және қолданбаның өз интерфейсімен анықталады.
Палитра
Бренд
- Ember Orange
#ff5406— Қызғылт сары түс сәндік бөлшектер үшін және сирек кездесетін белгілерді ерекшелеу үшін қосымша екпін ретінде қолданылады. Оны әрекетке шақыру үшін негізгі түс ретінде пайдалануға болмайды.
Бейтарап
- Graphite
#2f2f2f— Негізгі мәтін, қараңғы түймелер (App Store белгішесі) және белгішенің контурлары. Тақырыптар мен негізгі мәтінде ақ емес түс басым. - Verdant Green
#00b33f— Жасыл түс сәндік бөлшектерге қосымша екпін береді және төмен жиіліктерді ерекшелейді. - Signal Red-Orange
#ff3400— Қолданба экранының интерфейс элементтерінде және онымен байланысты брендингте көрінетін қосымша жылы екпін. Ember Orange-ге қарағанда бір тон жылырақ, ол таңдалған немесе белсенді қолданба күйлерін ерекшелейді. - Sky Blue
#00a9dd— Қолданбаның ішкі деректер санаттары (көмірсулар/ақуыздар/басқа қоректік заттар топтары) үшін жағымды контраст. Телефон орналасуларындағы жылы, басым түстер палитрасын теңестіреді. - Mist Blue
#72a2c5— Әлсіз салқын екпін - қолданба ішіндегі қосымша деректер белгілері мен диаграмма фондары үшін аспан көк түсін жұмсартады. - Sunset Orange
#ff6d00— Маркетинг беттеріндегі қосымша тақырыптар мен ерекшеленген мәтінге жылы екпін.
Типография
12-ден 60 пиксельге дейін · 7 қадам
- Aquawax Pro Medium — ауыстыру: Inter · контурлар 500 · Aquawax Pro Medium – Алынған деректерден табылған, бірақ жасанды интеллектпен сипатталмаған.
- Aquawax Pro — ауыстыру: Nunito Sans · контурлар 700, 500, 600 · Барлық контексттерде, соның ішінде тақырыптар мен негізгі мәтінде қолданылатын негізгі бренд қаріпі. Бұл арнайы жасалған қаріп кең әріп биіктіктеріне, дөңгелек геометриялық пішіндерге және ыңғайлы пропорцияларға ие. Қалың (700) тақырыптар мен бөлімдер үшін қолданылады - жүйенің типографиялық белгілері. Жартылай қалың (600) кіші тақырыптар мен түйме белгілері үшін 14-1,8 мм өлшемде қолданылады. Орташа (500) негізгі мәтін үшін 17-1,8 мм өлшемде қолданылады, ыңғайлы оқу үшін жол аралығы 1,6-1,8 мм жеткілікті.
- System sans-serif — ауыстыру: Inter · контурлар 400, 700 · Пайдаланушы интерфейсіндегі өте кішкентай мәтін мен белгіше мәтіні үшін резервтік опция қолданылады. Aquawax Pro микро өлшемдерде пайдаланылмайды; жүйелік қаріп көрсету салмағын азайту үшін оларды өңдейді.
Аралықтары және формасы
| Мақсаты | Мағынасы |
|---|---|
| Тығыздық | кең |
| Негізгі қадам | 20px |
| Түйме радиусы | 26px |
| Карта радиусы | 26px |
| Көлеңкелер | көлеңкелердің орнына шекаралар жоқ |
| Бөлімдер арасында | 96px |
| Беттің ені | 1200px |
Жасанды интеллект сіздің веб-сайтыңызды Foodnoms стилінде жасайды және оны толтырады
- Instagram, TikTok, Facebook сілтемелері арқылы өнімдер мен жазбаларды толтырыңыз.
- Ескі сайтыңыздан мазмұнды тасымалдаңыз — тек мекенжайын көрсетіңіз.
- Ең үздік қозғалтқыштағы заманауи дизайн: серверді рендерингтеу және SEO оңтайландыру арқылы React ( Next.js).
- Іздеу нәтижелері мен нейрондық желі ұсыныстары үшін толық автоматтандырылған SEO оңтайландыруы.
Ұқсас стильдер
- Slite — Терракотадан жасалған сабы бар жылы пергамент дәптер — әрбір беті кілегей түсті қағаздан, әрбір екпін қызғылт сары түстің нәзік реңкімен безендірілген.
- Adora — Мұздатылған әйнектің артындағы импрессионизм мұражайы
- Bento — Күн сәулесі түскен линолеумдағы бенто түскі ас қорабы. Қалың қара сиямен белгіленген, лайм, лаванда, кобальт және бургундия түстес дөңгелек, стикер тәрізді ашықхаттар торы жылы, кремді зығыр матаның үстінде, қалың геометриялық тақырыптың астында жатыр.
- Payments — Патша күлгін фонындағы жарқын цитрус реңкі. Қою электрлік күлгін түс түнгі аспанды еске түсіреді, ал лимон сары түсі таза ақ бетке жаңа цитрус қабығындай жарқырайды.
- Textla — Күн шуақты ретро ботаникалық альманах - қара жасыл түске басылған кремді сары бет, кактустардың суреттері өткір, офсеттік көлеңкелерде көрсетілген
- AI for Business — Жылы сұр реңктердегі қатыгез редакциялық көрме залы
- Superhuman — алтын сағат редакциялық алқасы
- Visitors — ақ түсті инженерлік сызба
- Vercel — Терминал ақ қағазға басылған
- Jeton — Жылы мәрмәрдегі финтех туралы редакциялық мақала
- Say Briefly — Кремді қағазға жазылған шығармашылық агенттіктің эскиз кітабы
- ClickUp — Ақ мәрмәрден жасалған қуатты басқару тақтасы. Бұл бет өнімділік құралына арналған өнім брошюрасы болып табылады, сондықтан визуалды тіл өнімнің өзінен алынған: тығыз тізімдер, күй көрсеткіштері, аватарлар топтары және дисплейдегі өнім сипаттамасына ұқсайтын қалың типографиялық мәлімдемелер.