LUNCH
lub podium velvet rau ntawm daim ntawv parchment sov
TSWV YIM LUNCH CONCEPT nyeem zoo li tsab xov xwm zam luam tawm uas txhais rau hauv web: ib daim duab tseem ceeb uas tsaus nti, puv nplooj ntawv, qhov twg lub logo hom tau nthuav tawm ua cov ntawv 3D loj dua nrog cov xim chrome, ua raws li cov khoom lag luam zoo li catalog ntawm parchment sov. Nplooj ntawv hloov pauv ntawm kev sib ntaus sib tua cinematic thiab kev tswj hwm ntsiag to - lub ntsiab lus tseem ceeb tawm tsam, ntu tseem ceeb hais lus ntsiag to. Ib qho xim lavender, muted tsuas yog tshwm sim hauv kab tshaj tawm, hauv lub xeev "Muag Tag", thiab hauv footer, ua haujlwm ua lub npe lag luam es tsis yog qw. Ib qho, kos npe sans-serif font (Good Sans) feem ntau siv ntawm qhov loj me me, thiab lub logo tseem ceeb yog lub sijhawm tsuas yog ntawm kev ua yeeb yam typographic. Kev sib cuam tshuam tshwm sim tsuas yog los ntawm cov ntawv txuas: tsis muaj cov nyees khawm puv, tsis muaj gradients, tsis muaj chrome kho kom zoo nkauj, tsuas yog rau lub logo 3D ntawm lub ntsiab lus tseem ceeb.
Qhov dav tshaj plaws ~ 1280px rau cov ntu ntsiab lus nruab nrab; lub npe nplooj ntawv nthuav dav tag nrho nplooj ntawv dav los ntawm ntug mus rau ntug. Lub suab ntawm nplooj ntawv: lub npe nplooj ntawv tsaus nti uas nthuav dav tag nrho nplooj ntawv dav (qhov siab ntawm qhov pom) → cov ntawv qhia chaw nruab nrab ntawm keeb kwm yav dhau tsaus → daim phiaj khoom 4-5-kab ntawm tib keeb kwm yav dhau → daim kab xev lilac veil footer. Kev taw qhia nyob ua ib daim kab xev nyias nyias saum lub npe nplooj ntawv (cov ntawv sib dua ntawm keeb kwm yav dhau tsaus) thiab saum cov ntawv qhia chaw (cov ntawv sib dua ntawm keeb kwm yav dhau kaj). Daim phiaj khoom muaj qhov layout ntom ntom nrog kev sib dhos sab hauv, tsis muaj qhov sib nrug ntawm cov duab lossis kev sib cais pom. Cov ntawv qhia chaw yog ib kab nqaim, nruab nrab (~ 600-700px) nrog qhov chaw dav ntsug (60-80px) saum toj thiab hauv qab. Qhov ceev tag nrho: dav hauv cov ntu kho kom zoo nkauj, compressed hauv daim phiaj khoom.
Cov duab thaij txog kev zam khaub ncaws yog qhov tseem ceeb tshaj plaws hauv kev tsim: daim duab tseem ceeb muaj cov duab tsaus ntuj nti, muaj qhov sib txawv ntawm cov qauv (teeb pom kev zoo nkauj hauv studio, cov qauv avant-garde—cov ris tsho tawv liab, cov khaub ncaws plaids, cov duab zoo nkauj), thaum lub grid muaj cov duab khoom/lookbook zoo nkauj tawm tsam lub keeb kwm yav dhau tiaj tus, tsis muaj qhov sib txawv (cov qauv thiab cov khoom raug thaij duab tawm tsam lub keeb kwm yav dhau grey/dawb, tsis muaj cov ntsiab lus ntawm kev ua neej). Cov duab muaj cov npoo zoo nkauj, lub vojvoog xoom, thiab sib phim nrog cov duab sib ze hauv lub grid. Daim duab tseem ceeb nyob rau tag nrho plaub ntug ntawm qhov pom, thiab lub logo chrome 3D sib tshooj rau ntawm cov khoom. Cov duab khoom hauv lub grid tswj qhov sib piv qhov siab-rau-dav thoob plaws kab. Tsis muaj cov duab lossis cov cim, tsuas yog kev taw qhia tsawg kawg nkaus xwb. Cov lus pom yog: thaij zoo, txiav kom meej, thiab cia daim duab ua lub ntsej muag ntawm lub hom.
Xim av
Hom
- Lilac Veil
#b8aad0— Xim av rau cov ntsiab lus tseem ceeb tom qab, cov kab txaij zoo nkauj, thiab lub suab mos mos tom qab cov ntsiab lus.
Nruab nrab
- Ink Black
#000000— Tag nrho cov ntawv hauv lub cev, cov ntawv navigation, cov ciam teb txuas, cov ciam teb daim npav, thiab cov ciam teb cim tsim cov kab qauv ntawm tag nrho lub interface. - Warm Parchment
#f4f1e4— Lub keeb kwm yav dhau ntawm cov nplooj ntawv thiab cov ntu hauv thaj chaw sau xov xwm/khoom lag luam yog keeb kwm yav dhau uas cov duab khoom lag luam tau muab tso rau. - Ivory Mist
#fcfaf1— Cov xim ntawm cov ntawv qhia kev nyob rau sab saum toj ntawm lub ntsiab tsaus nti, qhov xim me me ntawm cov qauv, thiab cov ciam teb me me muab qhov kev xaiv sov dua rau dawb huv rau UI hauv seem tsaus ntuj.
Kev sau ntawv
txij li 12 mus rau 72px · 5 kauj ruam
- Good Sans — hloov: Söhne · cov qauv qhia 400, 700 · Ib hom ntawv siv tau rau kev taw qhia, cov ntawv hauv lub cev, cov ntaub ntawv metadata ntawm cov khoom, cov kev sib txuas, thiab txhua yam ntawv UI. Lub kaw lus hnyav ob npaug (400 ib txwm rau cov ntawv hauv lub cev/cov ntawv hauv qab, 700 tuab rau cov npe hom, cov nqi, thiab cov ntsiab lus tseem ceeb) tsim cov kab ke tsis nce qhov loj. Qhov sib nrug ntawm cov ntawv zoo ze li xoom ua rau nws zoo dua li kev kho kom zoo nkauj dua li geometric.
- Redaction — hloov: GT Sectra Display Bold · cov qauv qhia 700 · Rau Cov Ntawv Hauv Qab Xwb—Qhov no yog ib daim ntawv sau tshwj xeeb rau cov ntawv loj, chrome "LUNCH" uas ua lub hauv paus rau cov ntawv hauv qab puv npo. Nws siv ib zaug ib nplooj ntawv; nws yog ib qho kos npe typographic, tsis yog ib qho khoom siv rov qab tau.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | ntom ntom |
| Kauj ruam yooj yim | 20-30px |
| Lub vojvoog ntawm lub pob | 0px |
| Lub vojvoog ntawm daim npav | 0px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 60-80px |
| Qhov dav ntawm nplooj ntawv | 1280px |
AI yuav tsim koj lub vev xaib hauv hom ntawv LUNCH thiab sau nws
- Sau cov khoom thiab cov ntawv tshaj tawm los ntawm qhov txuas - Instagram, TikTok, Facebook.
- Hloov cov ntsiab lus ntawm koj lub xaib qub - tsuas yog qhia qhov chaw nyob xwb.
- Tsim qauv niaj hnub ntawm lub cav zoo tshaj plaws: React ( Next.js) nrog rau kev ua haujlwm ntawm lub server thiab kev ua kom zoo dua SEO tawm ntawm lub thawv.
- Kev ua kom zoo dua SEO tag nrho rau cov txiaj ntsig tshawb nrhiav thiab cov lus pom zoo ntawm neural network.
Cov qauv zoo sib xws
- MindMarket — Ib phau ntawv dab neeg zoo nkauj uas muaj ntawv dawb - ib daim ntaub zoo nkauj uas muaj cov ntawv xov xwm loj thiab cov cim ntawv txiav ua ke nyob ua ke ntawm qhov chaw uas muaj hnub ci ntsa iab thiab mos mos.
- Lamborghini — Xim dub lub cev hauv chav tso khoom, hauv qab lub teeb pom kev zoo - ib lub tsheb daj
- amp — Xim txiv kab ntxwv sov so tawm tsam keeb kwm yav dhau dawb txias. Tus qauv tsim no ua rau peb nco txog cov khoom siv qoj ib ce zoo nkauj uas tau thaij duab hauv chav tsev uas muaj hnub ci ntsa iab: ib yam khoom, ib qho tshwj xeeb, ib daim ntawv sau uas muaj kev ntseeg siab uas ua txhua yam haujlwm.
- IKEA — ib lub chaw muag rooj tog Swedish uas tau raug tshav ntuj thiab raug rhuav tshem
- Microsoft — Cov ntawv teev khoom muag siv xim xiav tshwj xeeb—xav txog lub logo plaub fab ntawm pem teb chav tso khoom dawb, qhov twg txhua yam khoom tsim yog xiav.
- Vibrants — Lub Tsev Muag Tshuaj Skyborne nyob rau ntawm lub pob zeb dawb - kua xiav tsaus yog lub mortar thiab lub spectrum zaj sawv yog cov tshuaj
- Isla Beauty — Cov qauv tshuaj pleev ib ce zoo li creamy apothecary nrog cov xim liab phais - xav txog cov phab ntsa parchment sov so, cov fwj xim av daj, thiab ib lub cim liab rau ntawm txhua daim ntawv lo.
- Swap — Mint Editorial Gallery: Lub teeb sage ntxoov ntxoo hauv chav nrog cov xim txiv qaub ci ntsa iab thiab cov xim serifs me me
- Cursor — Ib lub chaw ua parchment cozy, ci ntsa iab los ntawm cov thee hlawv
- Structured — Renaissance gallery ntawm daim ntawv zoo li plasticine
- Apple (España) — Lub tsev khaws puav pheej lub tsev khaws puav pheej, thaum lub hnub ci ntsa iab, yog ib qho chaw dawb uas ntxim nyiam, tsis hnyav, nrog txhua qhov khoom pov thawj ci ntsa iab los ntawm lub teeb pom kev zoo tawm tsam phab ntsa uas muaj xim me ntsis.
- Amplemarket — Ib qho chaw ua haujlwm uas muaj hnub ci ntsa iab puv nrog cov ntawv confetti