Vivid+Co
lub teeb prismatic los ntawm obsidian
Vivid+Co ua haujlwm hauv qhov tsaus ntuj nti, zoo li zaj duab xis: daim ntaub canvas ze li dub ntawm #101010–#495764, cuam tshuam los ntawm ib qho, ze li dawb hue (#fffdf9) siv rau yuav luag txhua hom ntawv thiab cov ntsiab lus interface. Typography feem ntau yog ua hauv Neue Montreal ntawm 400 qhov hnyav - kev tsis lees txais cov ntawv tuab, qhov twg lub hwj chim tau ua tiav los ntawm qhov ntsuas (136px thiab 105px) es tsis yog qhov hnyav. Ib qho txheej txheem kos npe yog lub prism chromatic: cov blocks ntawm lub teeb liab / ntsuab / xiav saturated, sib cais los ntawm RGB, lim los ntawm cov iav cubes, cuam tshuam qhov chaw monochrome. Qhov layout yog nyob hauv nruab nrab thiab dav; navigation, lub cev theej, thiab cov kev sib txuas yog txhua yam hauv ib xim #fffdf9, tsis muaj cov nyees khawm sib cais, sau, lossis duab ntxoov ntxoo - kev sib txawv yog ua tiav los ntawm qhov sib nrug, qhov ntsuas, thiab ib qho khoom siv zaj sawv uas ua haujlwm ua lub npe xim accent.
Ib daim ntaub canvas tsaus nti, dav tag nrho nrog ib kab ntawm cov ntsiab lus ntsuas ~ 1440px. Lub ntsiab lus tseem ceeb yog ib qho khoom siv prismatic artifact nyob hauv nruab nrab nrog lub npe sib tshooj (cov ntawv nyeem sib tshuam cov cubes) thiab ib qho subtitle sib dhos sab laug. Kev taw qhia nyob rau hauv ib lub bar nyias nyias sab saud: lub logo nyob rau sab laug, plaub qhov txuas tsis pom nyob rau sab xis, thiab lub pob "Tiv tauj" tshwj xeeb rau thaum kawg ntawm kab. Lub suab ntawm seem hloov pauv ntawm cov vaj huam sib luag hero puv siab thiab cov kab ntawv nqaim dua nrog ~ 108px qhov sib txawv. Cov ntsiab lus layout yog asymmetrical: prismatic artifact ua haujlwm ua qhov chaw pom, thiab cov npe qhwv ib puag ncig nws. Cov ntawv nyeem ib kab muaj qhov dav tshaj plaws ntawm kwv yees li 440px; ntau kab grids, daim npav matrices, thiab cov lus teev nqi tsis muaj. Lub footer yog ib daim nyias nyias, faib los ntawm ib kab nyias nyias, nrog ob kab ntawm metadata.
Lub ntsiab lus tseem ceeb ntawm kev tsim qauv yog daim duab 3D abstract ntawm cov iav nrog chromatic aberration ntawm ntug, sib cais los ntawm RGB xim. Tsis muaj duab, tsis muaj duab ntawm tib neeg, tsis muaj duab khoom. Lub prism yog lub npe ntawm lub hom; txhua yam yog monochrome typography ntawm daim ntaub tsaus nti. Lub iconography yog tsawg kawg nkaus: cov ntawv qhia kev taw qhia me me thiab me me cursor / glyph accent (cheeb tsam 142765) nyob rau thaum kawg ntawm ib qho ntawm cov npe qhia txog ib qho, monolinear 16px icon. Tsis muaj duab kos, tsis muaj cov qauv kho kom zoo nkauj, tsis muaj textures.
Xim av
Nruab nrab
- Bone White
#fffdf9— Cov ntawv tseem ceeb, cov ntawv cim navigation, xim txuas, thiab cov ntawv sau rau hauv qab yog dawb tag nrho, nyob rau txhua qhov chaw ntawm cov ntawv sau rau ntawm daim ntaub tsaus nti. - Obsidian
#101010— Cov nplooj ntawv canvas, keeb kwm yav dhau los rau cov kab tseem ceeb thiab cov kab sib faib, yog xim dub tob nrog cov khoom cuav prismatic sab hauv. - Graphite Veil
#495764— Tom qab cov ntawv sau thiab cov ntsiab lus, ib daim slate tsaus txias tswj hwm, muab qhov tob ntawm daim ntaub yam tsis siv cov xim dub tiaj tus. - Ash Border
#403f3f— Ib txoj kab faib me me thiab daim npav qauv siv ntawm 1px los cais cov kab yam tsis sib tw nrog cov ntawv nyeem. - Fog Blue
#6f879c— Cov ntawv nyeem theem ob thiab cov ntawv cim khawm me me (qhov sib piv 3.7: 1) - cov npe pawg kev pabcuam xws li "Txoj Kev Npaj," "Kev Muaj Tswv Yim," "Kev Sib Txuas Lus + Kev Lag Luam" raug suav hais tias yog cov metadata tsis tau hais meej. - Pure Black
#000000— Kev kho kom zoo nkauj rau cov cim SVG thiab cov duab kos - siv rau hauv daim duab prism thiab cov cim glyphs; tsis yog keeb kwm yav dhau.
Kev sau ntawv
txij li 15 mus rau 136px · 9 kauj ruam
- Neue Montreal — hloov: Söhne · cov qauv qhia 400, 700 · Cov ntawv tshwj xeeb siv thoob plaws hauv lub interface neeg siv - cov ntawv sau, cov ntawv theej ntawm lub cev, kev taw qhia, cov nyees khawm, cov kev sib txuas, thiab cov ntawv hauv qab. Qhov hnyav 400 yog qhov qub; qhov hnyav 700 tsuas yog tseg rau cov ntawv me xwb. Cov ntawv sau nrog qhov hnyav 105px thiab 136px muaj qhov sib nrug ntawm kab ntawm 1.00–1.01em thiab qhov sib nrug ntawm tsab ntawv ntawm -0.02em, tsim cov ntawv xov xwm cinematic, stacked uas zoo li sculptural dua li typographic.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | dav |
| Kauj ruam yooj yim | 7px |
| Lub vojvoog ntawm lub pob | 0px |
| Lub vojvoog ntawm daim npav | 15px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 108px |
| Qhov dav ntawm nplooj ntawv | 1440px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Vivid+Co 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
- Sequel — Kev tshuaj xyuas tus kheej tom qab tsaus ntuj yog tib lub teeb sov so hauv lub tsev ua yeeb yaj kiab tsaus ntuj.
- ThoughtLab — Ib lub cim obsidian nrog lub cim liab. Ib daim ntaub dub uas tsis muaj dab tsi, qhov twg tsuas yog ib yam khoom liab uas nyob hauv lub tsev teev ntuj, luam tawm ua cov ntawv dawb loj, yog ib daim duab xim xwb.
- Dovetail — Ib daim duab qhia hauv qab lub hli dub—cov kab kos uas tsis pom tseeb, cov ntawv dawb, ib qho ci ntsa iab xim ntshav
- MekaVerse — Ib lub tsev khaws puav pheej monochrome ntawm cov khoom siv digital—ib qho chaw dub khov kho uas lub ntiaj teb uas tau tsim dai zoo li ib qho khoom pov thawj hauv tsev khaws puav pheej, thiab tag nrho cov neeg siv interface yog xim dawb rau ntawm daim iav dub matte.
- Krea — gallery noir thaum ib tag hmo
- Factory — Lub chaw nres tsheb "chav ua tsov rog" thaum ib tag hmo. Lub "factory" yog lub vaj huam sib luag dub uas muaj ib daim npav dawb zoo li lub teeb ci ntsa iab - tsuas yog yam khoom hauv chav yog txoj haujlwm nws tus kheej xwb.
- basement — Ib lub tshuab luam ntawv khoob thaum 3 teev sawv ntxov - cov ntawv loj loj, nias tawm thoob plaws qhov tsaus ntuj nti, ib lub teeb txiv kab ntxwv ntawm lub navigation bar, txhua yam dawb lossis grey tsaus ntuj.
- Stink Studios — Ib lub studio ua yeeb yaj kiab thaum ib tag hmo - lub projector hums, chav tsaus ntuj, tsuas yog zaj duab xis ci xwb
- Apple (España) — ua yeeb yam dub nrog cov khoom siv teeb pom kev zoo
- Charlie — Cov ntawv sau uas txiav los ntawm pob zeb ntawm lub tsev teev ntuj rau ntawm obsidian. Ib daim ntawv sau ua ke uas muaj ib phab ntsa liab ua rau muaj kev ntsiag to.
- Rive — Pom kev hmo ntuj zoo heev. Lub interface muaj lub lens tshwj xeeb uas nkag mus rau hauv qhov tsaus ntuj kom tsom mus rau cov ntsiab lus ntawm kev siv tshuab nrog kev pom tseeb meej.
- Datalands — Ib lub tsev teev ntuj dub nrog ib lub teeb neon xwb. Lub logo puv lub nave; txhua yam uas nyob hauv qab tsuas yog cov ntawv nyeem uas tsis hnov dua xwb.