Huly
Teeb Sab Qaum Teb ntawm Midnight Observatory - tus thawj coj yog lub teeb ntsug ntawm xim av ploj mus rau hauv coral, thiab txhua ntu ntsiag to hauv qab nws qiv tib zaj dab neeg ob-suab uas tau hais hauv lub suab ntsiag to dua.
Huly ua rau pom qhov chaw ua haujlwm zoo li lub ntiaj teb: ib daim ntaub dub uas muaj ib lub teeb ci ntsa iab violet-amber ci ntsa iab los ntawm lub ntsiab lus tseem ceeb, thiab hauv qab nws, ib daim phiaj uas tsis muaj zog ntau dua rau kev ua haujlwm ntau dua. Lub kaw lus ua haujlwm hauv ntau xim nqaim - ib qho xiav ci ntsa iab thiab ib qho coral ua txhua yam haujlwm tsim khoom tawm tsam cov nplaim graphite uas muaj ntau txheej, yog li hom tsaus ntuj yeej tsis xav tias nruab nrab. Typography yog Inter-style rau txhua yam ua haujlwm tau zoo, nrog rau cov ntawv sau tshwj xeeb (Esbuild) tseg rau cov ntsiab lus tseem ceeb, nrog lub suab ntawm 80–84px thiab qhov sib nrug ntawm cov ntawv tsis zoo. Cov khoom yog cov duab capsule: 9999px radii ntawm kev tswj, 12px ntawm daim npav, duab ntxoov ntxoo tsawg kawg nkaus, thiab cov kab gradient ci ntsa iab ua qhov kho kom zoo nkauj tseem ceeb. Nplooj ntawv hloov pauv ntawm thaj chaw tsaus ntuj puv nplooj ntawv thiab cov ntu kaj, yog li txhua lub vijtsam tshiab yuav tsum txiav txim siab ntawm hom ua ntej xaiv xim.
Lub vev xaib puv dav muaj lub teeb ntsug ntawm lub teeb sab qaum teb thiab lub npe kab laug sab laug, nrog rau daim duab ntawm cov khoom lag luam nyob rau sab xis hauv qab. Hauv qab lub vev xaib yog thaj chaw ntsiab lus ntawm qhov dav tshaj plaws, 1200px, hloov pauv cov kab tsaus thiab lub teeb. Txhua ntu yog ib lub thaiv ntsug: lub taub hau ntxiv rau 3- lossis 4-kab sib cais los ntawm 96px qhov sib txawv. Ntu "MetaBrain" rhuav tshem lub grid nrog lub npe kab nruab nrab thiab mosaic ntawm cov ntawv ntawm ntau qhov ntau thiab tsawg (daim npav loj loj ntxiv rau daim npav txhawb nqa me me). Nplooj ntawv yog cov ntsiab lus hnyav, ua raws li cov qauv SaaS, tab sis siv cov kab tsaus thiab lub teeb sib hloov kom muab chav rau txhua ntu ua pa. Kev taw qhia yog ib qho bar saum toj kawg nkaus uas ploj mus rau opaque thaum koj scroll.
Lub ntsiab lus tseem ceeb yog qhov aurora gradient ntshiab, tsis muaj duab. Tag nrho cov duab kos yog cov screenshots tiag tiag ntawm cov khoom UI (Kanban hauv hom tsaus nti, inbox, daim ntawv qhia hnub), framed hauv daim npav thav duab uas ua haujlwm ob qho tib si ua pov thawj thiab kho kom zoo nkauj. Tsis muaj cov duab hauv lub neej, tsis muaj cov duab hauv Tshuag, tsis muaj 3D renders. Tsuas yog lub ntsiab lus pom tsis muaj feem cuam tshuam nrog UI yog lub teeb ci sov so, radial sunburst ntawm lub hauv paus ntawm aurora, rendered ua CSS gradient. Cov cim yog cov cim kab monochrome hauv # 95979 lossis dawb, tsis muaj ntau xim. Lub kaw lus kho nws tus kheej tsaus ntuj UI ua lub ntsiab lus tseem ceeb - cov khoom yog cov duab.
Xim av
Hom
- Electric Iris
#5683da— Lub keeb kwm yav dhau tseem ceeb, lub cim qhia kev taw qhia uas nquag ua haujlwm, thiab lub teeb Northern Lights uas zoo nkauj heev—xim xiav-violet ci ntsa iab rau ntawm keeb kwm yav dhau dub—ua rau pom tias koj koom tes ua haujlwm ntau dua li kev ua haujlwm ntawm lub tuam txhab. - Ember Pulse
#ff8964— Ib qho kev hais lus ntxiv, thaj chaw teeb ci sov so sab qaum teb, qhov chaw ceeb toom, thiab qhov tseem ceeb ntawm daim duab—xim av daj uas rhuav tshem qhov tsis muaj zog ntawm xiav thiab ntxiv qhov sov so rau lub teeb.
Nruab nrab
- Obsidian Canvas
#303236— Lub keeb kwm yav dhau ntawm nplooj ntawv, qhov chaw tseem ceeb, yog xim dub yuav luag nrog me ntsis sov so, qhov chaw ib puag ncig rau txhua yam ntsiab lus. - Void
#090a0c— Cov txheej tob tshaj plaws rau cov gradients ntawm lub vijtsam tseem ceeb, cov keeb kwm yav dhau los, thiab cov thav duab uas yuav tsum sib xyaw rau hauv daim ntaub canvas. - Charcoal Card
#111111— Cov chaw ua los ntawm cov ntawv cardboard thiab cov panels, muab tso rau ib kauj ruam saum toj ntawm daim ntaub canvas. - Slate Edge
#4a4b50— Cov ciam teb me me thiab cov khoom faib rau ntawm cov chaw tsaus ntuj - Iron Veil
#6b6c6d— Tom qab tsaus ntuj rau cov cim npe, cov khoom sau, thiab cov khoom sau uas raug kaw. - Smoke
#95979e— Cov duab kos, cov ntawv ntxiv, thiab cov kev tswj tsis ua haujlwm yog cov khoom ua haujlwm tseem ceeb hauv xim grey nruab nrab.
Kev sau ntawv
txij li 11 mus txog 80px · 8 kauj ruam
- Inter — hloov: DM Sans · cov qauv qhia 300, 400, 500, 600, 700 · Txhua cov ntawv ua haujlwm hauv lub interface neeg siv—cov ntawv hauv lub cev, kev taw qhia, cov nyees khawm, cov khoom teev npe, cov ntawv lo, thiab cov npe me me—yog siv nrog qhov hnyav ntawm 500–600 rau qhov tseem ceeb, 400 rau cov ntawv hauv lub cev, thiab 300 me ntsis rau cov metadata uas tsis pom tseeb.
- Esbuild — hloov: Sora · cov qauv qhia 400, 500, 600 · Tsuas yog tso saib xwb: cov npe splash, cov npe ntawm ntu, thiab cov npe ntawm tsab xov xwm MetaBrain. Cov geometry condensed thiab qhov sib nrug ntawm cov ntawv me me ua rau muaj kev xav tias 84px zoo dua rau kev ua haujlwm kho dua li SaaS cov haujlwm. Tsis txhob siv qis dua 28px.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | dav |
| Kauj ruam yooj yim | 12px |
| Lub vojvoog ntawm lub pob | 9999px |
| Lub vojvoog ntawm daim npav | 12px |
| Duab ntxoov ntxoo | cov duab ntxoov ntxoo mos mos |
| Nruab nrab ntawm cov ntu | 96px |
| Qhov dav ntawm nplooj ntawv | 1200px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Huly 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
- monday — Rooj cob qhia dawb nrog cov ntawv nplaum pastel
- Slack — Lub sam thiaj yog xim txiv lws suav nrog cov teeb ci dawb. Xim av daj tob tob nyob rau hauv cov chaw tsaus ntuj, thaum daim ntaub canvas dawb tawm ua rau cov npe loj, avant-garde ua pa tau yooj yim.
- Base44 — Phau ntawv sau hnub ci nrog lub cim txiv qaub ntsuab
- Supahub — Lub hnub ci ntsa iab ntawm ib lub roob xim av. Feem ntau yog daim ntaub dawb, cua ntsawj uas ci ntsa iab los ntawm ib lub hnub ci xim av, nrog rau cov pob zeb zoo nkauj uas muaj xim rau hauv qhov chaw tsis zoo thiab cov duab geometry loj loj ua rau txhua qhov chaw zoo nkauj thiab hnyav.
- Raycast — Chaw Ua Haujlwm Ib Tag Hmo, Coral Neon
- Dimension — ib qho chaw ua haujlwm uas muaj teeb pom kev zoo thaum tsaus ntuj nrog cov iav frosted panels
- Wiza — Ib lub chaw soj ntsuam cov minerals thaum tsaus ntuj nti, npog nrog lavender pos huab.
- Paste — Ib lub teeb xim av daj ntawm cov pob zeb dawb—lub logo gradient sov so hauv qhov chaw dawb dav dav, zoo li lub qhov rais ci ntsa iab hauv lub tsev uas muaj daus npog.
- Reworkd — Lub teeb ci ntsa iab ntawm daim duab khoom yog tib xim uas hais lus rau nws tus kheej, nws yog lub pob ua haujlwm thiab lub npe gradient saum toj no.
- Reflect Notes — Qhov chaw muaj hnub qub xim av yog lub chaw saib hnub qub tsaus ntuj uas cov ntawv sau ntab zoo li cov hnub qub tawm tsam keeb kwm yav dhau ntawm qhov tsaus ntuj indigo yuav luag dub.
- Ameba — Chav tswj hwm thaum ib tag hmo - lub suab xiav hluav taws xob sab hauv cov iav frosted
- Todoist — Ib qho chaw ua haujlwm uas muaj hnub ci ntsa iab nrog rau phau ntawv sau txhua hnub - ib lub rooj ua haujlwm sov sov, cov ntawv sau cwj mem, ib tug cwj mem liab