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 — Ак мәрмәрдә көчле панель. Бу бит - җитештерүчәнлек коралы өчен продукт брошюрасы, шуңа күрә визуаль тел продуктның үзеннән алынган: тыгыз исемлекләр, статус күрсәткечләре, аватарлар төркемнәре һәм дисплейдагы продукт спецификациясенә охшаган калын типографик белдерүләр.