Slash
Lub tsev khaws puav pheej nruab hmo nrog cov phau ntawv gilded
Slash ua haujlwm hauv hom duab thaum ib tag hmo: ib daim ntaub yuav luag dub, hom dawb, thiab ib qho xim tooj liab sov so ua lub cim qhia. Cov ntawv xov xwm tau tso tawm hauv Ivy Presto, ib qho didone serif sib piv siab siv rau hauv qhov loj heev (txog li 88px) - qhov kev sib tsoo ntawm cov ntawv serif thiab sans-serif no yog lub cim ntawm lub kaw lus, ua rau nws muaj kev lag luam nyiaj txiag yam tsis muaj kev lag luam brokerage ntawm kev lag luam ib txwm muaj. Tus so ntawm tus neeg siv interface yog qhov tsis meej: ciam teb nyias, cov tshuaj tswj hwm zoo li ntsiav tshuaj, cov ntawv me me 16px, thiab kev hloov pauv me me kom cia hom ua pa. Ib qho xim kub ib zaug (kab ntawv qhia, microaccents) ntxiv qhov sov so rau lub kaw lus monochrome, ua rau muaj lub teeb sov ntawm Bloomberg lub davhlau ya nyob twg tsim rau cov neeg tuaj saib tsim qauv.
Cov ntsiab lus yog 1216px dav, nyob nruab nrab, nrog rau 160px ntsug gutters. Lub vijtsam hauv tsev yog ib daim ntaub dub, tag nrho-dav canvas nrog kev sib cais: lub taub hau serif-aligned sab laug (64–88px dav) nrog rau qhov chaw nyob email hauv qab no, thiab daim npav UI khoom loj (daim duab dashboard) ntawm sab xis ntawm 50% dav. Cov ntu tom ntej siv ib kab, lub taub hau nruab nrab (serif, 44–64px dav) nrog lub npe me hauv Inter, ua raws li peb-kab grids ntawm daim npav rau cov lus piav qhia txog yam ntxwv / cov lus pov thawj / blogs. Kev taw qhia yog ib qho bar saum toj kawg nkaus: logo ntawm sab laug, cov ntawv qhia zaub mov hauv nruab nrab (Lub Tuam Txhab, Cov Khoom, Kev daws teeb meem, Cov Neeg Siv Khoom, Tus Nqi, FAQ), nkag mus rau sab xis (tsis pom tseeb), thiab pib (cov khoom dawb puv). Lub footer muaj tsib-kab grid ntom ntom ntawm cov kev sib txuas nrog cov ntaub ntawv ntawm lub tuam txhab thiab cov ntawv ceeb toom raug cai. Cov nplooj ntawv hloov pauv ntawm cov ntu ntawm cov ntsiab lus nplua nuj thiab cov ntaub ntawv puv npo - lub suab paj nruag yog tsim los ntawm qhov chaw dawb dav dav ntawm cov kab ntawv es tsis yog los ntawm kev hloov xim keeb kwm yav dhau (tag nrho cov nplooj ntawv tau nthuav tawm ua ib daim ntaub canvas sib koom ua ke).
Cov duab thaij yog cov duab kho kom zoo nkauj thiab zoo li ntuj tsim: cov duab sov so ntawm cov neeg tsim thiab cov tswv cuab hauv lawv qhov chaw ua haujlwm tiag tiag (chaw ua haujlwm, chav nyob, qhov chaw tsim kho). Cov duab puv daim npav ntug mus rau ntug, tsis muaj padding. Ib qho gradient tsaus ntuj siv rau hauv qab ntawm cov ntawv pov thawj los txhim kho kev nyeem ntawv. Qhov zoo nkauj—"LinkedIn ntsib cov ntawv xov xwm kho kom zoo nkauj"—yog qhov yooj yim, tib neeg, thiab me ntsis muted, yeej tsis polished nrog cov duab thaij duab. Cov duab me me ntawm tsab xov xwm sib xyaw cov duab nrog cov ntsiab lus kos duab (ib tus neeg sawv hauv lub maze, lub qhov cub nrog cov hnab nyiaj). Cov khoom UI tau tso tawm hauv hom tsaus ntuj nrog opacity tag nrho, hovering saum nplooj ntawv ntawm cov chaw tsaus ntuj me me—ib qho tseem ceeb. Cov cim yog monochrome nrog 1px strokes hauv # 2e3038 lossis # 777a88, yeej tsis puv nrog lub hom xim.
Xim av
Nruab nrab
- Bone
#e2e3e9— Cov ntawv loj rau cov ntawv tseem ceeb, cov ntawv lo rau cov ntaub ntawv ntxaws ntxaws, thiab lub suab ntawv txheem thoob plaws feem ntau ntawm cov ntsiab lus UI. - Obsidian
#08080a— Cov nplooj ntawv canvas, keeb kwm yav dhau los footer, qhov tsaus ntuj tshaj plaws yog yuav luag dub nrog lub tint xiav me ntsis. - Onyx
#040406— Qhov saum npoo ntawm daim npav, qhov keeb kwm yav dhau ntxiv, yog ib kauj ruam tob dua li nplooj ntawv rau qhov pom kev zoo. - Carbon
#121317— Cov vaj huam sib luag tsa, tsis pom kev UI sau - thawj kauj ruam pom tseeb hauv kev hloov pauv ntawm Surface Stack - Graphite
#1c1d22— Cov ciam teb, cov khoom faib, cov thawv cim, cov slider tswj—cov xim me me uas txhais cov qauv. - Slate
#2e3038— Cov ciam teb ntxiv, cov kab cim tsis muaj suab nrov, cov khoom faib me me ntawm cov blocks ntsiab lus.
Kev sau ntawv
txij li 13 mus rau 88px · 9 kauj ruam
- Ivy Presto — hloov: Playfair Display · cov qauv qhia 400, 500 · Ib daim ntawv serif rau cov npe thiab cov npe me—siv rau cov npe thiab cov npe ntu ntawm 28px thiab siab dua. Cov kab txaij didone siab sib piv nrog cov serif nyias tsim kom muaj kev xav zoo nkauj ntawm kev kho kom zoo nkauj; qhov sib nrug me me ntawm 0.01em yog qhov txawv txawv thiab muab cov ntawv luam tawm, zoo li kev suav nyiaj. Daim ntawv serif no yog daim npav hu xov tooj tseem ceeb ntawm lub hom—nws sib txawv Slash ntawm txhua lub tuam txhab SaaS fintech uas siv cov ntawv geometric sans-serif.
- Inter — hloov: Inter (self-hosted via Google Fonts) · cov qauv qhia 300, 400, 500, 600, 700 · UI Sans—cov ntawv tseem ceeb, kev taw qhia, cov nyees khawm, cov ntawv lo, cov kev sib txuas, cov teb daim ntawv, thiab cov ntawv me. Cov ntawv tseem ceeb siv cov ntawv 300 rau cov ntawv thib ob uas tsis pom tseeb; 500 yog siv rau cov ntawv nruab nrab thiab cov ntawv lo khawm; 600 yog tseg rau cov ntawv qeb sau ua ntawv me me. Qhov sib nrug ntawm cov ntawv tsis zoo txo qis los ntawm 2 (-3) thiab txo qis thaum qhov loj me txo qis, uas yog ib txwm muaj ntawm qhov ntsuas qhov muag ntawm Inter font.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | dav |
| Kauj ruam yooj yim | 8px |
| Lub vojvoog ntawm lub pob | 9999px |
| Lub vojvoog ntawm daim npav | 10px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 160px |
| Qhov dav ntawm nplooj ntawv | 1216px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Slash 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
- Modal — Lub davhlau ya nyob twg phosphorescent hauv chav tsaus ntuj - tsuas yog lub teeb ci ntsa iab xwb
- AgentQL — Teeb Northern hla lub davhlau ya nyob twg thaum hmo ntuj
- GitHub — Ib lub vaj huam sib luag hais kom ua qhov chaw nrog cov chaw tswj hwm bioluminescent - qhov chaw ua haujlwm tsaus ntuj, huab cua uas ib lub teeb ntsuab taw qhia txoj kev mus tom ntej.
- Doppler — Lub qhov rooj tsev pheeb suab ci xim av thaum ib tag hmo. Daim ntaub canvas uas yuav luag dub ci ntsa iab nrog ib lub teeb liab dawb thiab lub teeb ntsuab lees paub, txhua qhov chaw nkhaus txaus kom tuav tau.
- Basedash — Ib lub chaw khaws cov ntaub ntawv thaum ib tag hmo nrog cov ntawv matte. Ib lub chaw saib hnub qub tsaus ntuj uas cov ntsuas ci xim av thiab ntsuab, cov ntawv xov xwm serif ntab saum lub suab nrov, thiab cov nyees khawm dawb zoo li tshuaj ntsiav yog cov khoom ci ntsa iab hauv chav uas muaj cov nto dub mos.
- Superwhisper — Lub teeb sab qaum teb yaj thaum lub iav ib tag hmo
- Better Stack — Ib tag hmo SRE Console
- Langbase — Lub console nruab hmo ntuj Northern Lights
- Astro — Kev Tswj Xyuas Lub Hom Phiaj Hauv Qhov Chaw Sib Sib Zog nrog ib lub teeb ci ntshav los ntawm lub nebula
- Wayfinder — Ib daim screen yeeb yaj kiab dub uas muaj lub npe uas tsis tshua hnov dua nyob saum ib daim duab kos. Lub interface yog lub slider ci ntsa iab es tsis yog lub vaj huam sib luag tswj.
- HashiCorp — Chav tswj hwm thaum ib tag hmo nrog cov xim neon ntshav yog qhov chaw tsaus ntuj uas lub voos xwmfab hexagonal ci ntsa iab ua lub cim qhia xim nkaus xwb.
- Umbrel — Ib lub qhov cub sov so hauv chav ua haujlwm hmo ntuj - ib chav tsaus ntuj uas ib lub teeb ci ntsa iab qhia txog qhov tseem ceeb tiag tiag.