Dub
Panera rekudzora repepa remupunga rakagadzirwa neLink
Sisitimu yekuona yaDub ine runako rwakaderera, rwakafanana nerweSaaS rwekudhirowa: kanivhasi chena yakabatana nemiganhu mitete pane kubuda, ine mavara matete e monochrome anopa rutsigiro rwechimiro uye ruvara rumwe rwakajeka rwebhuruu (#2563eb) zvichiratidza kuti panenge paine chinhu. Pamusoro payo panoramba pakadzikama uye pasina furemu pakutanga, asi mudziyo wega wega une 1px #e5e5e5 margin, zvichiratidza kunzwa kwegwaro rakadhindwa. Hunhu hunowanikwa kuburikidza nekaseti kadiki kemavara e "piritsi" ane mavara (orenji, girini, pepuru) anoyangarara pamusoro pepalette isina kusimba, uye misoro inonzwa ine chivimbo uye yemazuva ano isina kupenya. Zvikamu zvacho zvidiki uye zvakazara: 8px gutters, 12px card radius, mavara akaita sepiritsi pa9999px, uye zvidzori zvisingaonekwe panzvimbo pemabhatani akaremara, akazadzwa.
Peji iri rakavakirwa pachimiro chakatarisana nepakati chine upamhi hwepamusoro hweinenge 1200px. Chinhu chikuru ibhuroko remavara riri pakati rine zvinhu zvitatu zvinoyangarara (Affiliate Programs, Conversion Analytics, Short Links) zvakaiswa zvakatwasuka pamusoro pechimiro chikuru chechigadzirwa. Zvikamu zvakarongwa zvakatwasuka zvine magutter e64px akafanana, zvichichinjana pakati pecanvas chena ne #f5f5f5 paper haze kuti zvive nekupatsanurwa kwetoni. Chikamu chepazasi chinoshandisa chimiro chakaita seZ: rugwaro rwekunyora rwuri pakati pechitatu chepakati, uye makadhi eUI anoyangarara akasungirirwa kuruboshwe nekurudyi, zvichigadzira rhythm isina kufanana, yakafanana nemagazini. Cloud yelogo igridi iri nyore ye5x2, iri pakati pepeji. Navigation ibar yepamusoro-soro—logo kuruboshwe, kufamba pakati, boka remabhatani maviri (bhatani rekuti "Login" + bhatani rekuti "Register" rakazadzwa) kurudyi—pasina menyu yakatarwa kana kuti mega-menu. Kurongeka kwedhibhodhi rehwindo guru kunoratidza kurongeka kweapp ine makoramu maviri: divi rakagadziriswa (rakafanana ne240px) + nzvimbo yezvinyorwa inotsanangura huwandu hweruzivo rwechigadzirwa kune vashanyi vasati vatanga kuskorora.
Mifananidzo yacho yakatarisana nezvigadzirwa, kwete mararamiro. Sikirini huru iri pakati pemufananidzo mukuru wedhibhodhi, unomiririra mockup yechigadzirwa chenyika chaiyo ine sidebar navigation, data table, uye floating UI elements, zvakarongwa sepaneru yakati sandara pacanvas chena. Ma logo evatengi anoratidzwa mugridi yegrayscale isina kuzara (beehiv, superpower, Chatbase, nezvimwewo) kuratidza mashandiro avo pasocial media, akabviswa ruvara kuti accent yebhuruu imwe chete yepeji irambe ichitonga. Makadhi evadyidzani anoyangarara (ma profiles madiki nemataira ane data remari/kubhadhara) anofamba-famba muzvinyorwa zvekunyora pasi, achigadzira pfungwa yekudzika pasina kushandisa mimvuri pachinyorwa pachacho. Magadzirirwo egridi ane madotsi chinhu chinoshamisa: mutsara mutete wemadotsi madiki ane opacity shoma kwazvo anogadzira magadzirirwo uye kunzwa kwedhizaini system/nzvimbo yekudhirowa, zvichisimbisa nzvimbo yesaiti se "modern link attribution platform." Mifananidzo yacho mishoma, ine ma outlines uye fillings, uye inoshandisa accent palette (tangerine orange, lavender purple, mint green) yema feature tags. Hapana mifananidzo, mifananidzo, kana mamodheru e3D anoshandiswa—mushandisi wechinhu chacho mutauro unoonekwa.
Palette
Rudzi
- Electric Blue
#2563eb— Ruvara rwekutanga rwechiratidzo—logo, malink, key performance indicators, active states, uye icon accents—ndirwo runoshandiswa. Ruvara rwebhuruu rwakapfuma pamashure machena ndirwo chete runoita kuti system ionekwe zvakanaka. - Deep Sapphire
#1e40af— Kumashure kukuru kwebhatani rekuita, kuzadza kwakasimba kwekudaidzira chiito—ruvara rwega rwunoratidza chiito—harushandiswi zvakanyanya kukwezva kutariswa.
Kwakarerekera
- Canvas White
#ffffff— Kumashure kwepeji, pamusoro pemakadhi, mapaneru anobuda pachena ndiwo hwaro hwese hwechidzitiro. - Paper Mist
#f5f5f5— Kuchinja kwemavara ekuisa zvinhu panzvimbo imwe chete pamakadhi ane matendere, mamwe mapaneru, uye zvinozadza. - Ash
#e5e5e5— Miganhu mitete iri pamakadhi, zvinobatanidza zvekupinda uye zvinoparadzanisa ndiwo mutsetse wechimiro unobatanidza sisitimu pamwe chete. - Smoke
#d4d4d4— Miganhu yakapinza yemidziyo yakasarudzwa uye mamwe mabhatani. - Pebble
#c8c8c8— Miganhu, marongero ekudzora, uye zvinoparadzanisa zvivakwa zvine musiyano wepakati. Ruvara urwu harufanirwe kushandiswa seruvara rukuru rwekushevedza chiito. - Midnight Ink
#0a0a0a— Rugwaro rukuru rwemabhatani, mabhatani akaratidzwa, uye rugwaro rwekufamba-famba rwakaita seruvara rutema kuti pave nekusiyana kwakanyanya.
Kunyora
kubva pa11 kusvika pa48px · nhanho 9
- Satoshi — kutsiva: Inter (weight 500 · marongero 500 · Misoro yeZviratidzo - inoshandiswa chete mumitsara ye36–48px yemisoro yezvikamu nemisoro yezvikamu. Huremu hwefonti - 500 (yepakati, kwete yakakora): Misoro inoita kunge ine chivimbo uye yemazuva ano, asi haimbofi yakakunda. Kuenzana kwejometri kwaSatoshi kunoita kuti manyorerwo acho ave nepfungwa yemazuva ano yekuti mufananidzo weInter haugone kutevedzera.
- Inter — kutsiva: Inter (native) · marongero 400, 500, 600 · Kopi yemuviri, mavara eUI, kufamba, misoro midiki, uye misoro midiki. Inter ndiyo inonyanya kushanda, inobata zvese kubva pa11px micro-labels kusvika ku30px secondary headings. Huremu hwe400 ndiyo yekutanga yekopi yemuviri, 500 yezvinhu zvakaratidzwa uye mavara emabhatani, uye 600 yakachengeterwa mavara eUI akakosha. 16px ine mutsetse wakareba we1.5 ndiyo inonyanya kuwanikwa saizi imwe chete (1220 inowanikwa), zvichiratidza kuti 16px ndiyo saizi yekopi yemuviri chaiyo.
- Geist Mono — kutsiva: JetBrains Mono or IBM Plex Mono · marongero 400, 500 · Zvidimbu zvekodhi, metadata yehunyanzvi, uye ma token ane nzvimbo imwe chete anoshandiswa muma code blocks ari pa 12–14px uye mu ma code display elements makuru ari pa 24px. Izvi zvinoita kuti chishandiso chemugadziri chive chakavimbika, zvinoenderana neproduct positioning yaDub.
Zvikamu uye chimiro
| Chinangwa | Zvinoreva |
|---|---|
| Kuwanda kwevanhu | avhareji |
| Danho rekutanga | 8px |
| Radiyo yebhatani | 8px |
| Nharaunda yekadhi | 12px |
| Mimvuri | kwete - miganhu panzvimbo pemumvuri |
| Pakati pezvikamu | 64px |
| Upamhi hwepeji | 1200px |
AI ichavaka webhusaiti yako nenzira ye Dub uye ichaizadza
- Zadza nezvigadzirwa uye zvinyorwa uchishandisa chinongedzo - Instagram, TikTok, Facebook.
- Tumira zvirimo kubva pawebsite yako yekare—ingo taura kero yacho.
- Dhizaini yemazuva ano painjini yakanakisisa: React ( Next.js) ine server rendering uye SEO optimization zviri nyore.
- Kugadzirisa SEO otomatiki zvizere kuti uwane mhinduro dzekutsvaga uye mazano e neural network.
Mafashoni akafanana
- ElevenLabs — Rondedzero yemifananidzo ine mavara anodziya ane misoro midiki. Bhuku rekunyorera rakagadzirwa seBauhaus—pepa rine ruvara rwegoko remazai, inki nhema, uye ruvara rwepepuru neorenji chete rwekuratidzwa kwechigadzirwa.
- Awesomic — Mesh ye zinc ine zviratidzo zveorenji zvinoyeuchidza nezve confetti
- Monad — magazini yehunyanzvi yekunyora pamusoro peganda rinodziya
- Seline Analytics — Tafura yekuongorora yakanyarara papepa rinodziya
- Notion — Bhuku rekunyorera rinodziya muzuva remasikati
- Anthropic — Chinyorwa chesainzi pamusoro pemakwenzi anodziya emhando ye "vellum"—nzvimbo dzakadzikama dzenzou, misoro yenyaya dzakanyorwa, uye matauriro evhu rimwe chete anongoonekwa kana paine chikonzero chekuita chimwe chinhu.
- Calendly — Inki yebhuruu yakasviba padombo remabhura rinotonhora
- Augen Pro — Chiratidziro chechena cheApple chine ruvara rwebhuruu rwemagetsi, rusina huremu, sechinhu chinongoshandiswa chete munzvimbo ine ruvara rwemonochrome.
- Antimetal — Nyaya yekunyora pamusoro penyaya yekirimu—mangwanani akanyarara pamagazini yesainzi, uko kuzvidzora kunoratidza chivimbo uye varwi vanoita basa guru
- Perk — Lime yemagetsi papepa rinodziya reparchment
- Ditto — Nzvimbo yekuchengetera maruva emusango yakavhenekerwa nezuva. Nzvimbo dzinodziya dzekirimu, ruvara rweyero rinopenya, inki dzebhuruu dzakadzika, mavara emhando yeorganic ari kutumbuka seri kwechigadzirwa.
- Officevibe — Magazini yekunyora pamusoro pepepa rinodziya rakaita sekirimu. Fungidzira rondedzero ine pfungwa pamusoro pekutarisira HR, inounzwa sechigadzirwa—fonti yekunyora yakatsetseka ichizevezera kuburikidza neinterface yebhuruu yemazuva ano.