
Foodnoms
Päikeseline puuviljaturg valgel portselanil - soojad apelsinid, värsked rohelised ja mahukad ümarad kujundid
Foodnoms kasutab toitumise jälgimiseks kerget turunduskeelt: puhas valge lõuend, ülisuured telefonide maketid visuaalsete ankrudena ja mänguline värvisõnavara, kus värvid esindavad toitaineid ja edusamme. Kahevärviline päiseskeem (üks värv märksõna jaoks, tume grafiit ülejäänud jaoks) võimaldab väärtuspakkumist kiiresti hinnata. Süsteem tugineb ühe kasutaja ekraanile (Aquawax Pro), millel on selgelt ümarad geomeetrilised elemendid, mis pehmendavad andmemahukaid rakenduste ekraane. Enamik pindu on tasased ja varjudeta; ühtlane nurkade raadius annab nuppudele, kaartidele ja siltidele sõbraliku ja pehme tunde, muutes tervise jälgimise kliinilisest kogemusest ligipääsetavamaks.
Lehel on üheveeruline, tsentreeritud, täislaiuses paigutus (~1200 pikslit) helde vertikaalse rütmiga. Päis on õhuke ülemine riba, mille vasakul on logo, navigeerimine on tsentreeritud ja paremal on täidetud oranž toimingunupp. Põhiosa on tsentreeritud virn: kahevärviline pealkiri, üherealine alapealkiri, App Store'i ikoon ja seejärel rida 3-5 telefoni maketiga, mis on laiali jaotatud. Põhiosa all on tsentreeritud "Nagu soovitatud" pressilogo osa 2x3 ruudustikus. Funktsiooniosad järgivad korduvat mustrit: kaheveeruline tekst + telefoni makett, vahelduvad küljed, oranži/rohelise värvi aktsentsektsiooni pealkirjadega. Viimane element enne jalust on täislaiuses allalaaditav üleskutse tegutsemiseks. Sektsioonide vahelised vihmaveerud on helded (96 pikslit), luues avara, galeriilaadse tunde. Navigeerimine on minimalistlik ülemine riba - külgriba ega megamenüüd pole.
Rakenduse visuaalset keelt domineerivad kvaliteetsed iPhone'i raamide maketid, mis näitavad rakenduse tööliidest – need on peamised elemendid, mitte pildipangapildid. Maketid kuvatakse peaaegu täieliku läbipaistvusega, kergelt kattuvate ja sujuvalt pöörlevate osadega ning paigutatakse otse valgele taustale. Makettide visuaalse komponendi tagab rakenduse enda liides: toitumisalane teave, tootefotod, makrorõngad ja värvilised kategooriasildid. Ainus fotosisu on kasutajate esitatud toidupildid, mis on nähtavad Scan Your Food rakenduse kaameraekraanil. Puuduvad elustiilifotod, abstraktsed illustratsioonid ega dekoratiivsed graafikad. Brändingu määratlevad täielikult kohandatud font, oranž/roheline/tume värviskeem ja rakenduse enda liides.
Palett
Bränd
- Ember Orange
#ff5406— Oranži kasutatakse dekoratiivsete detailide ja harvaesinevate vihjete esiletõstmiseks teisejärgulise aktsendina. Seda ei tohiks kasutada tegevusele kutsuvate tekstide põhivärvina.
Neutraalne
- Graphite
#2f2f2f— Põhitekst, tumedad nupud (App Store'i ikoon) ja ikoonide piirjooned. Pealkirjades ja põhitekstis on domineeriv mittevalge värv. - Verdant Green
#00b33f— Roheline värv on lisaaktsendiks dekoratiivsetele detailidele ja madalate sageduste rõhutamiseks. - Signal Red-Orange
#ff3400— Teisene soe aktsent, mis on nähtav rakenduse ekraani kasutajaliidese elementides ja seotud brändingus. Ühe tooni võrra soojem kui Ember Orange, rõhutab see valitud või aktiivseid rakenduse olekuid. - Sky Blue
#00a9dd— Meeldiv kontrast rakenduse sisemiste andmekategooriate (süsivesikud/valgud/muud toitainete rühmad) vahel. Tasakaalustab telefoni paigutustes sooja ja domineerivat värvipaletti. - Mist Blue
#72a2c5— Summutatud jahe aktsent – pehmendab taevasinist värvi, et rakenduses oleks rohkem andmesilte ja diagrammitausta. - Sunset Orange
#ff6d00— Soe aktsent turunduslehtede teisejärguliste pealkirjade ja esiletõstetud teksti jaoks.
Tüpograafia
12-st 60 pikslini · 7 sammu
- Aquawax Pro Medium — asendamine: Inter · kontuurid 500 · Aquawax Pro Medium – Leitud ekstraheeritud andmetest, kuid tehisintellekt seda ei kirjelda.
- Aquawax Pro — asendamine: Nunito Sans · kontuurid 700, 500, 600 · Peamine brändifont, mida kasutatakse kõikides kontekstides, sh pealkirjades ja põhitekstis. Sellel eritellimusel loodud fondil on laiad tähekõrgused, ümarad geomeetrilised kujundid ja mugavad proportsioonid. Pealkirjade ja jaotiste jaoks – süsteemi tüpograafilisteks orientiirideks – kasutatakse paksu kirja (700). Alapealkirjade ja nuppude siltide jaoks kasutatakse poolpaksu kirja (600), mille laius on 14–1,8 mm. Põhiteksti jaoks kasutatakse keskmist kirja (500), mille laius on 17–1,8 mm, piisava reavahega 1,6–1,8 mm mugavaks lugemiseks.
- System sans-serif — asendamine: Inter · kontuurid 400, 700 · Kasutajaliidese väga väikese teksti ja ikooniteksti jaoks kasutatakse varuvarianti. Aquawax Pro-d ei kasutata mikrosuuruste puhul; süsteemi font käsitleb neid renderdamiskaalu vähendamiseks.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | avar |
| Põhisamm | 20px |
| Nupu raadius | 26px |
| Kaardi raadius | 26px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 96px |
| Lehe laius | 1200px |
Tehisintellekt loob teie veebisaidi Foodnoms stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- Slite — Soe pärgamentpaberist märkmik terrakota käepidemega – iga pind on kreemikaspaber, iga aktsent õrna oranži varjundiga.
- Adora — Impressionismi muuseum mattklaasi taga
- Bento — Päikesepaistelisel linoleumil bento lõunakarp. Soojal kreemjal linasel kangal julge geomeetrilise pealkirja all lebab laimi-, lavendli-, koobalti- ja burgundikarva ümarate, kleebisetaoliste kaartide ruudustik, igaüks paksu musta tindiga kontuuritud.
- Payments — Ere tsitruseline toon kuningliku lilla taustal. Sügav elektriline lilla meenutab öötaevast, samas kui sidrunkollased aktsendid säravad nagu värske tsitruseline koor puhta valge pinna taustal.
- Textla — Päikeseline retrobotaaniline almanahh - kreemikaskollane leht, trükitud tumeroheliselt ja millel on teravate varjudega kaktuste illustratsioonid.
- AI for Business — Brutalistlik toimetuse müügisalong soojades hallides toonides
- Superhuman — kuldse tunni toimetus
- Visitors — valge insenerijoonis
- Vercel — Terminal trükitud valgele paberile
- Jeton — Toimetuse artikkel fintechist soojal marmoril
- Say Briefly — Loovagentuuri visandiraamat kreemjal paberil
- ClickUp — Võimas valgel marmoril põhinev armatuurlaud. Leht on tootlikkuse tööriista tootebrošüür, seega on visuaalne keel laenatud tootelt endalt: tihedad loendid, olekuindikaatorid, avatarirühmad ja julged tüpograafilised avaldused, mis näevad välja nagu kuvatav tootespetsifikatsioon.