Foodnoms
Сончев пазар на овошје на бел порцелан - топли портокали, свежи зеленило и обемни заоблени форми
„Фудномс“ се одликува со лежерен маркетиншки јазик за следење на исхраната: чисто бело платно, преголеми макети на телефони како визуелни сидра и разигран речник во боја каде што боите претставуваат хранливи материи и напредок. Шема на заглавија со две бои (една боја за клучниот збор, темен графит за останатите) овозможува брза проценка на вредносната понуда. Системот се потпира на еден кориснички екран (Aquawax Pro) со јасно заоблени геометриски карактеристики кои ги омекнуваат екраните на апликациите со многу податоци. Повеќето површини се рамни и без сенка; униформниот радиус на аглите им дава на копчињата, картичките и етикетите пријателски, мек допир, правејќи го следењето на здравјето да се чувствува подостапно отколку клиничко.
Страницата има распоред со една колона, центриран, со целосна ширина (~1200px) со дарежлив вертикален ритам. Заглавието е тенка горна лента со логото лево, центрирано навигација и пополнето портокалово копче за акција десно. Херојскиот дел е центриран стек: наслов во две бои, поднаслов од еден ред, икона на App Store, а потоа ред од 3-5 макети на телефони распоредени по ширината. Под херојскиот дел е центриран дел со лого на печатот „Како што е препорачано“ во мрежа од 2x3. Деловите со карактеристики следат повторувачки модел: текст во две колони + макет на телефон, наизменични страни, со наслови на акцентните делови во портокалова/зелена боја. Последниот елемент пред подножјето е картичка за повик за акција со целосна ширина што може да се преземе. Олуците помеѓу деловите се дарежливи (96px), создавајќи пространа, галерија како чувство. Навигацијата е минималистичка горна лента - без странична лента или мега мени.
Визуелниот јазик на апликацијата е доминиран од висококвалитетни макети за рамки за 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 до 60px · 7 чекори
- Aquawax Pro Medium — замена: Inter · контури 500 · Aquawax Pro Medium - Пронајден во извлечените податоци, но не е опишан од вештачката интелигенција.
- Aquawax Pro — замена: Nunito Sans · контури 700, 500, 600 · Примарниот фонт на брендот што се користи во сите контексти, вклучувајќи наслови и текст во телото. Овој фонт, дизајниран по мерка, се одликува со широки висини на буквите, заоблени геометриски форми и удобни пропорции. Задебелен (700) се користи за наслови и делови - типографските обележја на системот. Помалку болд (600) се користи за поднаслови и етикети на копчиња со должина од 14–1,8 mm. Среден (500) се користи за текст во телото со должина од 17–1,8 mm, со доволен растојание меѓу редовите од 1,6–1,8 mm за удобно читање.
- System sans-serif — замена: Inter · контури 400, 700 · За многу мал текст и текст на икони во корисничкиот интерфејс се користи резервна опција. Aquawax Pro не се користи во микро големини; системскиот фонт ги обработува за да ја намали тежината на рендерирање.
Интервали и форма
| Намена | Значење |
|---|---|
| Густина | простран |
| Основен чекор | 20px |
| Радиус на копчето | 26px |
| Радиус на картичката | 26px |
| Сенки | без граници наместо сенки |
| Помеѓу деловите | 96px |
| Ширина на страницата | 1200px |
Вештачката интелигенција ќе ја изгради вашата веб-страница во стилот Foodnoms и ќе ја пополни
- Пополнете со производи и објави преку линкот - Instagram, TikTok, Facebook.
- Пренесете содржина од вашата стара страница - само наведете ја адресата.
- Модерен дизајн на најдобриот мотор: React ( Next.js) со рендерирање на серверот и SEO оптимизација веднаш.
- Целосно автоматизирана SEO оптимизација за резултати од пребарување и препораки за невронски мрежи.
Слични стилови
- Slite — Топла пергаментна тетратка со теракота рачка - секоја површина е кремаста хартија, секој акцент суптилен допир на портокалова боја.
- Adora — Музејот на импресионизмот зад матирано стакло
- Bento — Бенто кутија за ручек на сончев линолеум. Мрежа од заоблени картички слични на налепници во лимета, лаванда, кобалт и бордо боја, секоја исцртана со дебело црно мастило, лежи на топол, кремаст лен под смел, геометриски наслов.
- Payments — Живописна цитрусна нијанса на позадина од кралска виолетова. Длабоката електрична виолетова боја го евоцира ноќното небо, додека лимоновожолтите акценти блескаат како свежа цитрусна кора на чиста бела површина.
- Textla — Сончев ретро ботанички алманах - Кремаста жолта страница отпечатена во темно зелена боја со илустрации на кактуси прикажани во остри, поместени сенки
- AI for Business — Бруталистички уреднички изложбен салон во топли сиви тонови
- Superhuman — редакциски панел на „Златен час“
- Visitors — бел инженерски цртеж
- Vercel — Терминал отпечатен на бела хартија
- Jeton — Уреднички текст за финтех на топол мермер
- Say Briefly — Креативна агенција за скицирање на крем хартија, блок за цртање на кремаста хартија
- ClickUp — Моќна контролна табла на бел мермер. Страницата е брошура за производ за алатка за продуктивност, па визуелниот јазик е позајмен од самиот производ: густи листи, индикатори за статус, групи аватари и смели типографски изјави што изгледаат како спецификација на производ на екранот.