Subframe
Ib daim duab kos rau ntawm daim ntawv parchment sov. Daim ntawv tsim qauv, qhov twg txhua qhov kos yog graphite lossis eraser, yeej tsis muaj xim - qhov tob yog ua tiav los ntawm kev tuab ntawm kab thiab cov serifs me me.
Subframe yog ib qho chaw ua haujlwm rau tus tsim qauv monochrome: ib daim ntaub canvas sov so, creamy, kua dub graphite, thiab tsis muaj cov xim chromatic kiag li. Tag nrho lub interface raug pom tias yog ib yam khoom siv - ntawv, cwj mem, thiab duab ntxoov ntxoo - nrog ib qho kov typographic bold: ib qho serif zoo nkauj (Instrument Serif) teeb tsa tawm tsam ib qho systematic sans-serif (Inter), ua rau lub zog ntawm cov ntawv xov xwm rau cov xov xwm tseem ceeb. Cov nto yog tiaj tus thiab thav duab es tsis yog tsa; qhov tob yog ua tiav los ntawm cov dividers nyias nyias hauv #e5e7eb thiab cov ntsiab lus inset ntawm cov kev tswj tsaus ntuj es tsis yog duab ntxoov ntxoo. Qhov ceev yog dav: lub suab ntsug dav (48–64px ntawm qhov sib txawv ntawm cov ntu), qhov chaw nruab nrab, cov qauv dav dav, thiab qhov chaw dawb dav nyob ib puag ncig cov ntawv. Tsuas yog xim yog qhov sib txawv ntawm ze-dawb thiab ze-dub, ua rau lub pob tsaus ntuj yog qhov tseem ceeb tshaj plaws ntawm txhua nplooj ntawv, thiab cov kab ntawm cov cim lag luam koom tes hauv cov xim grey yog tib qho khoom dai kom zoo nkauj.
Cov qauv tsim uas nyob hauv nruab nrab, dav tag nrho (1200px) nrog lub suab ntsug dav. Lub ntsiab lus tseem ceeb yog ib lub thaiv, nyob hauv nruab nrab: ib qho kev tswj hwm tsaus nti, faib ua ntu nyob rau sab saum toj, lub npe loj "Inter", ib kab lus me, thiab ob lub khawm sib ze (puv + pob tshab) - tsis muaj duab sab, tsis muaj kev faib tawm. Hauv qab lub ntsiab lus tseem ceeb yog ib txoj kab cim grey hauv nruab nrab. Txhua ntu tom qab ua raws li tus qauv tib yam: lub npe thiab lub npe me uas sib dhos sab laug, tom qab ntawd yog lub thav duab qhia khoom dav tag nrho nrog 48–64px ntawm qhov chaw gutter ntawm ntu. Kev taw qhia yog tsawg heev: ib lub bar sab saum toj nrog cov kev sib txuas hauv nruab nrab thiab cov haujlwm sib dhos sab xis, tsis muaj sidebar, tsis muaj mega-menu. Nplooj ntawv nyeem saum toj mus rau hauv qab ua cov lus hais hauv nruab nrab, txhua qhov chaw dav - qhov qauv zoo li cov ntaub ntawv sau txog kev kho dua li nplooj ntawv khoom uas tibneeg hu tauj coob.
Tus qauv tsim pom tseeb yog minimalist thiab ua haujlwm tau zoo. Lub kaw lus siv ob hom pom: (1) cov duab thaij duab khoom lag luam thiab cov qauv UI uas muab tso rau hauv 24px-radius thav duab—lawv tso saib cov khoom sib txuas tiag tiag (cov rooj, cov nyees khawm, cov ntawv) uas tau ua hauv tib lub monochrome palette, ua rau cov duab thaij duab zoo li sib xyaw ua ke rau hauv nplooj ntawv; (2) ib daim kab ntawm cov cim lag luam greyscale ua haujlwm ua pov thawj kev sib raug zoo, ua tiaj tus, tsis muaj xim lossis thawv. Tsis muaj cov duab hauv lub neej, cov gradients abstract, lossis 3D renders. Tsuas yog cov khoom piv txwv yog cov khoom "tile" tsaus nti, uas nyob hauv nruab nrab ntawm keeb kwm yav dhau grey sov nrog lub cim hom—nws raug pom tias yog kev ua qauv qhia khoom, tsis yog kho kom zoo nkauj. Txhua daim duab nyob hauv cov ntawv sau, qhov twg qhov hnyav pom tau nqa los ntawm cov ntawv nyeem.
Xim av
Nruab nrab
- Page Canvas
#fafafa— Lub keeb kwm yav dhau ntawm nplooj ntawv, daim ntawv xa ntawv ntawm daim ntaub canvas, cov ntawv nyeem sib dua ntawm cov chaw tsaus - xim dawb sov so uas yog lub hauv paus ntawm tag nrho cov monochrome system. - Hairline Border
#e5e7eb— Cov khoom faib, cov ciam teb ntawm daim npav, cov thav duab, cov kab kos duab - hom kab kos uas siv ntau tshaj plaws hauv lub kaw lus, txhais cov qauv chaw. - Card Surface
#ededed— Keeb kwm yav dhau los rau cov ntawv, ib qho chaw ntxiv - nyob ib kauj ruam saum toj ntawm daim ntaub canvas, tsim ib pawg tsis muaj duab ntxoov ntxoo. - Divider Mid
#dadada— Cov kev faib nruab nrab thiab kev hloov pauv ntawm cov ntu - Graphite
#242424— Kev sau xim tsis muaj qhov sib txawv siab rau cov nyees khawm tseem ceeb ntawm cov chaw teeb. - Ink Black
#171717— Cov ntawv sau hauv lub cev, cov npe, cov duab kos - txias dua li Graphite me ntsis, siv rau kev sau ntawv es tsis yog rau saum npoo.
Kev sau ntawv
txij li 12 txog 128px · 7 kauj ruam
- Inter — hloov: Inter (Google Fonts) · cov qauv qhia 500, 600, 700 · Ib lub interface sans-serif—kev taw qhia, cov ntawv hauv lub cev, cov nyees khawm, cov ntawv me, thiab cov ntawv hauv seem. Qhov hnyav: 500 rau cov ntawv hauv lub cev thiab kev tswj, 600 rau cov ntawv me thiab cov ntawv qhia kev taw qhia, thiab 700 rau cov ntawv hauv seem. Qhov sib nrug ntawm cov ntawv tsis zoo ua rau cov duab geometric ntawm txhua qhov loj me, ua rau lub interface zoo li me me, zoo li kev siv tshuab.
- Instrument Serif — hloov: Playfair Display · cov qauv qhia 400 · Ib hom ntawv serif uas tsim tshwj xeeb rau cov ntawv xov xwm thiab cov ntsiab lus kho xov xwm. Nws qhov hnyav 400 thiab qhov sib nrug ntawm tsab ntawv -0.025em tsim kom muaj qhov zoo nkauj, italicized uas sib txawv nrog cov qauv geometry kev lag luam ntawm Inter—ib txoj kev kos npe: ib lo lus lossis kab lus serif hauv nplooj ntawv sans-serif, ua haujlwm ua cov cim qhia pom tsis yog tus qauv ntawv xov xwm.
- Fragment Mono — hloov: JetBrains Mono · cov qauv qhia 400 · Accent mono rau cov ntsiab lus zoo li inline code, cov ntawv cim npe, thiab cov lus hais txog kev siv tshuab. Siv tsawg tsawg, nws tshwm sim hauv cov npe ua haujlwm thiab cov lus piav qhia inline qhov twg cov cuab yeej tsim qauv xav qhia "qhov no yog cov zis ntawm lub tshuab."
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | nruab nrab |
| Kauj ruam yooj yim | 8px |
| Lub vojvoog ntawm lub pob | 16px |
| Lub vojvoog ntawm daim npav | 24px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 64px |
| Qhov dav ntawm nplooj ntawv | 1200px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Subframe 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
- monopo saigon — Ib qho kua dej, ci ntsa iab tom qab kev ntsiag to ntawm cov ntawv xov xwm - ib lub tsev qiv ntawv monochrome uas ntab saum lub teeb molten
- Hyer Aviation — Lub caij tsaus ntuj hauv lub cockpit hla daim ntawv parchment. Lub ntuj kaj ntsa iab ntsib lub logo serif loj li lub fuselage, thiab ib qho xim av sov so ua rau lub monochrome tsis zoo nkauj.
- OFF+BRAND. — Lub voos xwmfab ci ntsa iab rau ntawm daim ntawv parchment sov
- Seed — ib yam tsiaj txhu uas muaj sia nyob hauv qab iav kuaj mob
- Eindhoven Design District — Kev sau ntawv phem ntawm daim ntawv dawb yog daim ntawv tshaj tawm tsim qauv hauv nroog, ua tiav hauv hom ntawv loj, nrog rau kev thaij duab tsawg kawg nkaus thiab kev txwv tsis pub ua.
- Miranda — Hom ntawv dav dav uas zoo ib yam li cov ntawv xov xwm hauv lub sijhawm digital
- Monocle — Ib daim ntawv xov xwm zoo, dav dav, siv ntawv xim dawb. Ib tsab xov xwm uas tau xaiv zoo, txhua kab ntawv tsim nyog nws qhov chaw, thiab tsuas muaj ib xim tseem ceeb tshwm sim rau ntawm nplooj ntawv.
- Agencja brandingowa — Ib lub tsev qiv ntawv sau ntawv hauv cov xim dawb nrog cov ntawv sau ua xim dub
- Websmith Studio — Lub teeb thaum sawv ntxov ntawm daim ntawv nplaum
- Aspelin Reitan — Architectural Architecture Architecture los ntawm Candlelight - Cov nplooj ntawv zoo li cov ntaub ntawv ntawm cov chaw ua tiav, pinned rau ntawm phab ntsa sov sov, nrog ib kab ntawm cov ntawv dawb ntab saum toj ntawm txhua daim duab hla tag nrho qhov dav ntawm nplooj ntawv.
- Public — Ib tsab xov xwm monochrome rau ntawm marble txias—yuav luag yog ib daim ntaub monochrome, nrog rau 300-point serif font thiab ib qho xim ntshav ua txhua yam haujlwm xim.
- Motto — Ib daim ntawv sau ua ntawv monolith - ib lub suab uas muaj kev ntseeg siab tshaj tawm nws tus kheej rau ntawm daim ntawv dawb zoo li daus