Dub
Pannal smachd pàipear rus matte Link
Tha bòidhchead SaaS cuibhrichte, cha mhòr deasachaidh, aig siostam lèirsinneach Dub: canabhas cha mhòr geal air a chumail ri chèile le crìochan tana seach eileamaidean a tha a’ steigeadh a-mach, le clò-sgrìobhadh monochrome dùmhail a’ toirt taic structarail agus aon dath gorm soilleir (#2563eb) a’ dèanamh aithris. Tha uachdaran fhathast rèidh agus gun fhrèam aig a’ chiad sealladh, ach tha iomall 1px #e5e5e5 aig gach soitheach, a’ toirt faireachdainn sgrìobhainn chlò-bhuailte gu buil. Tha pearsantachd air a choileanadh tro sheata bheag de stràcan “pill” dathte (orains, uaine, purpaidh) a tha a’ fleòdradh os cionn a’ phaileid neodrach, agus cinn-sgrìobhaidh a tha a’ faireachdainn misneachail agus ùr-nodha gun a bhith sgleòthail. Tha na pàirtean teann agus dùmhail: claisean 8px, radius cairt 12px, bileagan cumadh pill aig 9999px, agus smachdan do-fhaicsinneach an àite putanan troma, làn.
Tha an duilleag air a togail air cruth meadhanaichte le leud as motha de mu 1200px. Is e am prìomh eileamaid bloc teacsa meadhanaichte le trì eileamaidean fleòdraidh (Prògraman Ceangailte, Mion-sgrùdadh Tionndaidh, Ceanglaichean Goirid) suidhichte gu còmhnard os cionn cruth toraidh mòr. Tha earrannan air an rèiteachadh gu dìreach le gutairean cunbhalach 64px, ag atharrachadh eadar canabhas geal agus ceò pàipeir #f5f5f5 airson dealachadh tòna. Tha an earrann ìosal a’ cleachdadh cruth Z: tha teacsa deasachaidh sa mheadhan anns an treas cuid mheadhanach, agus tha cairtean UI fleòdraidh air an acair ris na h-oirean clì is deas, a’ cruthachadh ruitheam neo-chothromach, coltach ri iris. Tha neul an t-suaicheantas na ghriod sìmplidh 5x2, sa mheadhan air an duilleag. Tha an seòladh na bhàr-mhullaich minimalist - suaicheantas air an taobh chlì, seòladh sa mheadhan, buidheann de dhà phutan (putan taibhse "Log a-steach" + putan làn "Clàraich") air an taobh cheart - gun chlàr-taice stèidhichte no mega-. Tha cruth deas-bhòrd na prìomh uinneige a’ taisbeanadh cruth clasaigeach dà-cholbh airson aplacaid: bàr-taoibh stèidhichte (coltach ri 240px) + raon susbaint a mhìnicheas dùmhlachd fiosrachaidh toraidh do luchd-tadhail mus tòisich iad a’ sgroladh.
Tha na dealbhan ag amas air toraidhean, chan ann air dòigh-beatha. Tha am prìomh sgrion stèidhichte air dealbh-sgrìn mòr den deas-bhòrd, a’ riochdachadh magadh air toradh san t-saoghal fhìor le seòladh bàr-taoibh, clàr dàta, agus eileamaidean eadar-aghaidh cleachdaiche fleòdraidh, air an cur a-mach mar phannal rèidh air canabhas geal. Tha suaicheantasan luchd-dèiligidh air an taisbeanadh ann an griod liath neo-shàthaichte (beehiv, superpower, Chatbase, msaa.) gus an coileanadh air na meadhanan sòisealta aithneachadh, air an toirt air falbh bho dhath gus leigeil leis an aon stràc ghorm den duilleag fuireach làidir. Bidh cairtean com-pàirtiche fleòdraidh (pròifilean beaga agus leacan le dàta teachd-a-steach / pàighidh) a’ gluasad timcheall air blocaichean de theacsa deasachaidh aig a’ bhonn, a’ cruthachadh faireachdainn de dhoimhneachd gun a bhith a’ cleachdadh faileasan air an teacsa fhèin. Tha pàtran cùl-raon a’ ghriod dhotagach na fheart sònraichte: bidh sreath tana de dhotagan beaga le neo-shoilleireachd glè ìosal a’ cruthachadh inneach agus faireachdainn siostam dealbhaidh / uachdar tarraing, a’ cur cuideam air suidheachadh na làraich mar “àrd-ùrlar ceangail ùr-nodha.” Tha an ìomhaigheachd glè bheag, le loidhnichean-iomaill agus lìonaidhean, agus a’ cleachdadh paileid stràc (orains tangerine, purpaidh lavender, uaine mint) airson tagaichean feart. Chan eil dealbhan, dealbhan-camara no modailean 3D gan cleachdadh—’s e cànan lèirsinneach a th’ ann an eadar-aghaidh cleachdaiche an toraidh fhèin.
Paileid
Brand
- Electric Blue
#2563eb— ’S e prìomh dhath a’ bhrand—an suaicheantas, na ceanglaichean, na prìomh chomharran coileanaidh, na staidean gnìomhach, agus na stràcan ìomhaigh—a thathar a’ cleachdadh. ’S e gorm beairteach air cùl geal a chruthaicheas an aon rud a tha tarraingeach don t-siostam. - Deep Sapphire
#1e40af— Tha prìomh chùl-raon a’ phutan gnìomh, lìonadh trom a’ ghairm gu gnìomh – an aon dath a tha a’ comharrachadh an gnìomh – air a chleachdadh gu gann gus aire a thàladh.
Neodrach
- Canvas White
#ffffff— ’S e cùl-raon na duilleige, uachdar na cairt, agus pannalan pop-up bunait iomlan gach scrion. - Paper Mist
#f5f5f5— Atharrachaidhean dath seòlta airson cairtean neadaichte, pannalan a bharrachd, agus lìonaidhean. - Ash
#e5e5e5— Is iad na crìochan tana air na cairtean, na ceanglaichean cuir-a-steach agus na roinneadairean an loidhne structarail a chumas an siostam ri chèile. - Smoke
#d4d4d4— Crìochan nas géire airson soithichean taghte agus barrachd iom-fhilltean phutanan. - Pebble
#c8c8c8— Crìochan, loidhnichean-stiùiridh, agus luchd-sgaraidh structarail le eadar-dhealachadh meadhanach. Cha bu chòir an dath seo a chleachdadh mar am prìomh dhath airson gairmean gu gnìomh. - Midnight Ink
#0a0a0a— Tha prìomh theacsa nam putanan, putanan air an comharrachadh, agus teacsa seòlaidh cha mhòr dubh airson an eadar-dhealachaidh as motha.
Clò-sgrìobhadh
bho 11 gu 48px · 9 ceumannan
- Satoshi — ath-chur: Inter (weight 500 · geàrr-chunntasan 500 · Ceann-sgrìobhaidhean Taisbeanaidh – air an cleachdadh ann an loidhnichean 36–48px a-mhàin airson tiotalan ceann-sgrìobhaidh is earrannan. Cuideam cruth-clò – 500 (meadhanach, gun chlò trom): Tha cinn-sgrìobhaidh a’ coimhead misneachail agus ùr-nodha, ach gun a bhith ro chumhachdach. Tha co-mheasan geoimeatrach Satoshi a’ toirt faireachdainn beagan deasachaidh, ùr-nodha don chruth-clò nach urrainn do leth-bhreac Inter ath-riochdachadh.
- Inter — ath-chur: Inter (native) · geàrr-chunntasan 400, 500, 600 · Leth-bhreac bodhaig, bileagan UI, seòladh, fo-chinn, agus cinn-naidheachd beaga. Is e Inter am prìomh each-obrach, a’ làimhseachadh a h-uile càil bho mhicro-bileagan 11px gu cinn-naidheachd àrd-sgoile 30px. Is e cuideam de 400 an àbhaist airson leth-bhreac bodhaig, 500 airson eileamaidean air an comharrachadh agus bileagan phutanan, agus tha 600 glèidhte airson bileagan UI cudromach. Is e 16px le àirde loidhne de 1.5 am meud aon-cheum as trice a lorgar (1220 tachartas), a’ dearbhadh gur e 16px am meud leth-bhreac bodhaig canònach.
- Geist Mono — ath-chur: JetBrains Mono or IBM Plex Mono · geàrr-chunntasan 400, 500 · Bithear a’ cleachdadh pìosan còd, meata-dhàta teicnigeach, agus comharran le aon àite ann am blocaichean còd aig 12–14px agus ann an eileamaidean taisbeanaidh còd mòra aig 24px. Tha seo a’ dèanamh cinnteach à earbsachd inneal an leasaiche, a rèir suidheachadh toraidh Dub.
Eadar-ama agus cruth
| Adhbhar | Ciall |
|---|---|
| Dlùths | cuibheasach |
| Ceum bunaiteach | 8px |
| Raidius a' phutan | 8px |
| Raidius cairt | 12px |
| Sgàilean | gun chrìochan an àite faileasan |
| Eadar earrannan | 64px |
| Leud na duilleige | 1200px |
Togaidh AI do làrach-lìn ann an stoidhle Dub agus lìonaidh e e
- Lìon le toraidhean agus puist tron cheangal - Instagram, TikTok, Facebook.
- Gluais susbaint bhon t-seann làrach agad—dìreach sònraich an seòladh.
- Dealbhadh ùr-nodha air an einnsean as fheàrr: React ( Next.js) le tairgse frithealaiche agus leasachadh SEO dìreach às a’ bhogsa.
- Leasachadh SEO gu tur fèin-ghluasadach airson toraidhean rannsachaidh agus molaidhean lìonra neoni.
Stoidhlichean coltach ris
- ElevenLabs — Aiste dhealbhan ann an tònaichean blàth uachdar le cinn-naidheachd seòlta. Leabhar-notaichean stoidhle Bauhaus - pàipear dath sligean ugh, inc dubh, agus aon stràc purpaidh is orains airson taisbeanadh toraidh.
- Awesomic — Mogall sinc deasachaidh le comharran puingeachaidh orains a tha a’ cur nar cuimhne confetti
- Monad — iris theicnigeach deasachaidh air pàipear blàth
- Seline Analytics — Clàr anailis sàmhach air pàipear blàth
- Notion — Leabhar notaichean pàipeir blàth ann an grian meadhan-latha
- Anthropic — Iris achaidh saidheansail air vellum blàth—uachdaran socair eabhair, cinn-deasachaidh le serifean, agus stràc crèadha singilte a nochdas dìreach nuair a tha feum air gnìomh.
- Calendly — Inc gorm dorcha air marmor fuar
- Augen Pro — Tha taisbeanadh geal Apple a’ nochdadh gorm dealain clionaigeach, gun chuideam, mar an aon stràc ann an àite monochrome.
- Antimetal — Eachdraidh deasachaidh air pàipear uachdar—madainn shàmhach aig iris saidheansail, far a bheil smachd a’ nochdadh misneachd agus serifs a’ dèanamh an obair throm
- Perk — Aol dealain air pàipear parchment blàth
- Ditto — Bùth-obrach fo sholas na grèine a’ cruthachadh sampallan de fhlùraichean fiadhaich. Uachdaran blàth uachdar, dath bunaiteach buidhe beòthail, inc gorm-dhorcha domhainn, cruthan dath organach a’ fàs air cùl a’ phìos.
- Officevibe — Iris deasachaidh air pàipear blàth uachdar-dathte. Smaoinich air aiste smaoineachail air riaghladh HR, air a thaisbeanadh mar thoradh—cruth-clò serif cursive a’ bruidhinn tro eadar-aghaidh ghorm ùr-nodha.