Dub
Chida chowongolera pepala la mpunga losawoneka bwino la Link
Dongosolo la Dub lowonera lili ndi mawonekedwe osavuta komanso osavuta kugwiritsa ntchito pa SaaS: nsalu yoyera ngati yolumikizidwa pamodzi ndi malire opyapyala m'malo motuluka, yokhala ndi zilembo zooneka ngati monochrome zomwe zimathandiza kupanga zinthu komanso mtundu umodzi wowala wabuluu (#2563eb) zomwe zimapangitsa kuti chithunzicho chikhale chokongola. Malo amakhalabe athyathyathya komanso opanda chimango poyamba, koma chidebe chilichonse chili ndi malire a 1px #e5e5e5, zomwe zimapangitsa kuti chiwoneke ngati chikalata chosindikizidwa. Khalidwe limapezeka kudzera mu seti yaying'ono ya mawu a "piritsi" amitundu yosiyanasiyana (lalanje, wobiriwira, wofiirira) omwe amayandama pamwamba pa utoto wosalowerera, ndi mitu yomwe imadzimva yodzidalira komanso yamakono popanda kunyezimira. Zigawo zake ndi zazing'ono komanso zokhuthala: mitsinje ya 8px, radius ya khadi ya 12px, zilembo zooneka ngati mapiritsi pa 9999px, ndi zowongolera zosawoneka m'malo mwa mabatani olemera, odzazidwa.
Tsambali lamangidwa pa kapangidwe ka pakati komwe kali ndi m'lifupi mwake pafupifupi 1200px. Chinthu chachikulu ndi chipika chapakati cha mawu chokhala ndi zinthu zitatu zoyandama (Mapulogalamu Ogwirizana, Kusanthula kwa Kusintha, Maulalo Afupi) omwe ali molunjika pamwamba pa kapangidwe ka chinthu chachikulu. Zigawo zimakonzedwa molunjika ndi mitsinje yofanana ya 64px, kusinthana pakati pa canvas yoyera ndi #f5f5f5 paper haze kuti pakhale kusiyana kwa mawu. Gawo la pansi limagwiritsa ntchito kapangidwe ka mawonekedwe a Z: mawu olembedwa amakhala pakati pa gawo lachitatu lapakati, ndipo makadi a UI oyandama amamangiriridwa kumalire akumanzere ndi kumanja, ndikupanga kamvekedwe kofanana ndi magazini. Mtambo wa logo ndi gridi yosavuta ya 5x2, yomwe ili pakati pa tsamba. Kuyenda ndi kapamwamba kakang'ono—logo kumanzere, kuyenda pakati, gulu la mabatani awiri (batani la "Login" lodziwika bwino + batani lodzazidwa la "Register") kumanja—popanda menyu yokhazikika kapena yayikulu. Kapangidwe ka dashboard ya zenera lalikulu kakuwonetsa kapangidwe ka pulogalamu yamitundu iwiri: mbali yokhazikika (yofanana ndi 240px) + gawo la zomwe zili mkati lomwe limafotokoza kuchuluka kwa chidziwitso cha malonda kwa alendo asanayambe kusuntha.
Zithunzizo zimayang'ana kwambiri pa malonda, osati pa moyo. Chinsalu chachikulu chili pakati pa chithunzi chachikulu cha dashboard, chomwe chikuyimira chitsanzo cha malonda enieni okhala ndi njira yoyendera mbali, tebulo la deta, ndi zinthu zoyandama za UI, zomwe zayikidwa ngati gulu lathyathyathya pa kansalu yoyera. Ma logo a makasitomala amawonetsedwa mu gridi yoyera (beehiv, superpower, Chatbase, ndi zina zotero) kuti azindikire momwe amagwirira ntchito pa malo ochezera a pa Intaneti, atachotsedwa mtundu kuti alole kuti mawu abuluu amodzi a tsambalo akhalebe amphamvu. Makhadi oyandama a mnzanu (ma profiles ang'onoang'ono ndi matailosi okhala ndi deta ya ndalama/malipiro) amayendayenda mozungulira zolemba zosinthidwa pansi, zomwe zimapangitsa kuti zikhale zakuya popanda kugwiritsa ntchito mithunzi pamawuwo. Kapangidwe kakumbuyo ka gridi yokhala ndi madontho ndi chizindikiro: mzere woonda wa madontho ang'onoang'ono okhala ndi mawonekedwe ochepa kwambiri amapanga mawonekedwe ndi kumverera kwa kapangidwe ka makina/zojambula, kugogomezera malo a tsambalo ngati "nsanja yamakono yofotokozera maulalo." Chithunzicho ndi chochepa, chokhala ndi ma frame ndi ma float, ndipo chimagwiritsa ntchito mtundu wa accent (lalanje la tangerine, lavender purple, mint green) pama tag. Palibe zithunzi, zithunzi, kapena mitundu ya 3D yomwe imagwiritsidwa ntchito—mawonekedwe a chipangizocho ndi chilankhulo chowoneka bwino.
Paleti
Mtundu
- Electric Blue
#2563eb— Mtundu waukulu wa kampani—logo, maulalo, zizindikiro zazikulu zogwirira ntchito, momwe zinthu zilili, ndi zizindikiro zosonyeza mawonekedwe—umagwiritsidwa ntchito. Buluu wonyezimira kumbuyo koyera ndiye chinthu chokhacho chomwe chimapangitsa kuti makinawo azioneka bwino. - Deep Sapphire
#1e40af— Chiyambi chachikulu cha batani lochitapo kanthu, kudzaza kolimba kwa mawu oitanira kuchitapo kanthu—mtundu wokhawo womwe umasonyeza chochitikacho—sichigwiritsidwa ntchito kwambiri kuti chikope chidwi cha anthu.
Osalowerera
- Canvas White
#ffffff— Chiyambi cha tsamba, malo a khadi, mapanelo otulukira ndiye maziko enieni a sikirini iliyonse. - Paper Mist
#f5f5f5— Kusintha kwa mtundu wa makadi okhala ndi zisa, mapanelo owonjezera, ndi zodzaza. - Ash
#e5e5e5— Malire owonda pa makadi, zolumikizira zolowera ndi zogawa ndi mzere womangira womwe umagwirira ntchito limodzi. - Smoke
#d4d4d4— Malire akuthwa a zotengera zosankhidwa ndi mabatani ena owonjezera. - Pebble
#c8c8c8— Malire, mawonekedwe owongolera, ndi zogawa kapangidwe kake zokhala ndi kusiyana kwapakati. Mtundu uwu suyenera kugwiritsidwa ntchito ngati mtundu waukulu wofunikira kuchitapo kanthu. - Midnight Ink
#0a0a0a— Malemba akuluakulu a mabatani, mabatani owonetsedwa, ndi malemba oyendera ndi akuda kwambiri kuti pakhale kusiyana kwakukulu.
Kulemba zilembo
kuyambira 11 mpaka 48px · masitepe 9
- Satoshi — cholowa m'malo: Inter (weight 500 · mndandanda 500 · Mitu Yowonetsera - imagwiritsidwa ntchito kokha mu mizere ya 36–48px pa mitu ya mitu ndi magawo. Kulemera kwa zilembo - 500 (yapakatikati, osati yolimba): Mituyo imawoneka yodalirika komanso yamakono, koma siipambana. Kuchuluka kwa Satoshi kumapangitsa kuti zilembozo zikhale zomveka bwino komanso zamakono zomwe Inter silingathe kuzibwereza.
- Inter — cholowa m'malo: Inter (native) · mndandanda 400, 500, 600 · Kopi ya thupi, zilembo za UI, kuyenda, mitu yaying'ono, ndi mitu yaying'ono. Inter ndiye ntchito yayikulu, yogwira ntchito kuyambira zilembo zazing'ono za 11px mpaka mitu yachiwiri ya 30px. Kulemera kwa 400 ndiye kokhazikika pa kujambula thupi, 500 pazinthu zowonetsedwa ndi zilembo za mabatani, ndipo 600 ndi yosungidwa pa zilembo zofunika za UI. 16px yokhala ndi kutalika kwa mzere wa 1.5 ndiye kukula kodziwika kwambiri kwa sitepe imodzi (zochitika 1220), kutsimikizira kuti 16px ndiye kukula kofanana ndi kukula kwa kujambula thupi.
- Geist Mono — cholowa m'malo: JetBrains Mono or IBM Plex Mono · mndandanda 400, 500 · Zidutswa za ma code, metadata yaukadaulo, ndi ma tokeni okhazikika omwe amagwiritsidwa ntchito amagwiritsidwa ntchito mu ma code block pa 12–14px komanso mu ma code owonetsera akuluakulu pa 24px. Izi zimatsimikizira kuti chida chopanga mapulogalamu chimadziwika bwino, mogwirizana ndi momwe Dub imagwirira ntchito.
Zosintha ndi mawonekedwe
| Cholinga | Tanthauzo |
|---|---|
| Kuchulukana | avareji |
| Gawo loyambira | 8px |
| Utali wa batani | 8px |
| Utali wa khadi | 12px |
| Mithunzi | ayi - malire m'malo mwa mithunzi |
| Pakati pa magawo | 64px |
| Kukula kwa tsamba | 1200px |
AI idzamanga tsamba lanu lawebusayiti mu kalembedwe ka Dub ndikulidzaza
- Dzazani ndi zinthu ndi zolemba kudzera pa ulalo - Instagram, TikTok, Facebook.
- Tumizani zinthu kuchokera patsamba lanu lakale—ingotchulani adilesi.
- Kapangidwe kamakono pa injini yabwino kwambiri: React ( Next.js) yokhala ndi mawonekedwe a seva ndi kukonza SEO koyambirira.
- Kukonza bwino SEO yanu yokha kuti mupeze zotsatira zakusaka ndi malingaliro a netiweki ya neural.
Masitaelo ofanana
- ElevenLabs — Nkhani yojambulidwa ndi utoto wofunda wa kirimu wokhala ndi mitu yofewa. Buku lolemberamo zinthu la Bauhaus—pepala lokhala ndi chipolopolo cha dzira, inki yakuda, ndi mawu amodzi ofiirira ndi alanje owonetsera zinthu.
- Awesomic — Utoto wa zinki wokhala ndi zizindikiro za lalanje zokumbutsa za confetti
- Monad — magazini yaukadaulo yokhudza chikopa chofunda
- Seline Analytics — Tebulo losabisala lofufuza pa pepala lofunda
- Notion — Buku lofunda la pepala padzuwa la masana
- Anthropic — Magazini ya sayansi yokhudza malo ofunda a vellum—malo odekha okhala ndi minyanga ya njovu, mitu yolembedwa bwino, ndi mawu amodzi adothi omwe amaonekera pokhapokha ngati pakufunika kuchitapo kanthu.
- Calendly — Inki yabuluu wakuda pa marble yozizira
- Augen Pro — Chovala choyera cha Apple chili ndi mtundu wa buluu wamagetsi, wopanda kulemera, womwe umagwiritsidwa ntchito kokha ngati chokongoletsera cha monochrome.
- Antimetal — Nkhani yolembedwa pa pepala lokongola—m'mawa chete m'magazini ya sayansi, komwe kudziletsa kumasonyeza chidaliro ndipo a serif amachita zinthu zolemetsa
- Perk — Laimu wamagetsi pa pepala lofunda lopaka
- Ditto — Malo ochitira maluwa akuthengo omwe amawala ndi dzuwa. Malo ofunda a kirimu, mtundu wachikasu wowala, inki yabuluu yozama, mitundu yachilengedwe yomwe imamera kumbuyo kwa chidutswacho.
- Officevibe — Magazini yolembedwa pa pepala lofunda lokhala ndi utoto wofiirira. Tangoganizirani nkhani yoganizira bwino yokhudza kayendetsedwe ka anthu, yoperekedwa ngati chinthu—zilembo zolembedwa mozungulira zomwe zikunong'oneza kudzera mu mawonekedwe abuluu amakono.