Dub
Painéal rialaithe páipéir ríse neamhlonrach Link
Tá aeistéitic SaaS srianta, beagnach eagarthóireachta, ag córas amhairc Dub: chanbhás beagnach bán atá ceangailte le chéile ag teorainneacha tanaí seachas eilimintí ag gobadh amach, le clóghrafaíocht dhlúth monacrómach ag soláthar tacaíochta struchtúraí agus dath gorm geal aonair (#2563eb) ag déanamh ráitis. Fanann dromchlaí cothrom agus gan fhráma ar an gcéad amharc, ach tá corrlach 1px #e5e5e5 ag gach coimeádán, rud a thugann mothú doiciméid chlóite chun cuimhne. Baintear pearsantacht amach trí shraith bheag de bhlasanna "piolla" daite (oráiste, glas, corcra) a shnámhann os cionn an phailéid neodraigh, agus ceanntásca a bhraitheann muiníneach agus nua-aimseartha gan a bheith gealánach. Tá na comhpháirteanna dlúth agus dlúth: gutair 8px, ga cárta 12px, lipéid chruth-piolla ag 9999px, agus rialuithe dofheicthe in ionad cnaipí troma, líonta.
Tá an leathanach tógtha ar leagan amach láraithe le huasleithead de thart ar 1200px. Is bloc téacs láraithe an phríomhghné le trí ghné snámhacha (Cláir Chleamhnaithe, Anailísíocht Chomhshó, Naisc Ghearra) suite go cothrománach os cionn leagan amach táirge mór. Tá na rannóga socraithe go hingearach le gutair chomhsheasmhacha 64px, ag malartú idir chanbhás bán agus ceo páipéir #f5f5f5 le haghaidh deighilt thonúil. Úsáideann an chuid bun leagan amach Z-chruthach: tá téacs eagarthóireachta láraithe sa tríú cuid lár, agus tá cártaí UI snámhacha ancaireáilte sna himill chlé agus ar dheis, rud a chruthaíonn rithim neamhshiméadrach, cosúil le hirise. Is eangach shimplí 5x2 é scamall an lógó, láraithe ar an leathanach. Is barra barr íostach í an loingseoireacht - lógó ar chlé, loingseoireacht sa lár, grúpa de dhá chnaipe (cnaipe taibhse "Logáil Isteach" + cnaipe líonta "Cláraigh") ar dheis - gan roghchlár seasta ná mega-roghchlár. Taispeánann leagan amach painéil na príomhfhuinneoige leagan amach clasaiceach dhá cholún d’aipeanna: barra taoibh seasta (cosúil le 240px) + limistéar ábhair a shainíonn dlús na faisnéise táirge do chuairteoirí sula dtosaíonn siad ag scrollú.
Tá na hamharcléirithe dírithe ar tháirge, ní ar stíl mhaireachtála. Tá an príomhscáileán dírithe ar scáileán mór den phainéal rialaithe, ina bhfuil macasamhail táirge fíorshaoil le nascleanúint barra taoibh, tábla sonraí, agus eilimintí UI ar snámh, leagtha amach mar phainéal cothrom ar chanbhás bán. Taispeántar lógónna cliant i ngreille liathscála dísháithithe (beehiv, superpower, Chatbase, etc.) chun aitheantas a thabhairt dá bhfeidhmíocht sna meáin shóisialta, gan dath chun ligean don bhlas gorm aonair den leathanach fanacht ceannasach. Bogann cártaí comhpháirtíochta ar snámh (próifílí beaga agus tíleanna le sonraí ioncaim/íocaíochta) timpeall bloic téacs eagarthóireachta ag an mbun, rud a chruthaíonn tuiscint doimhneachta gan scáthanna a úsáid ar an téacs féin. Is gné shínithe é patrún cúlra an ghreille poncaithe: cruthaíonn sraith tanaí de phoncanna beaga le teimhneacht an-íseal uigeacht agus mothú córais dearaidh/dromchla líníochta, ag béim ar shuíomh an tsuímh mar "ardán nua-aimseartha le haghaidh sannadh nasc." Tá an íocónagrafaíocht íosta, le himlínte agus líonadh, agus úsáideann sí pailéad béime (oráiste tangerine, corcra labhandar, glas mint) le haghaidh clibeanna gné. Ní úsáidtear aon ghrianghraif, léaráidí ná samhlacha 3T—is teanga amhairc é comhéadan úsáideora an táirge féin.
Pailéad
Branda
- Electric Blue
#2563eb— Úsáidtear príomhdhath an bhranda—an lógó, naisc, príomhtháscairí feidhmíochta, stáit ghníomhacha, agus béimniúcháin deilbhíní. Is é gorm saibhir ar chúlra bán an t-aon achomharc amhairc atá ag an gcóras. - Deep Sapphire
#1e40af— Úsáidtear príomhchúlra an chnaipe gnímh, líonadh trom an ghlao chun gnímh—an t-aon dath a léiríonn an gníomh—go coigilteach chun aird a tharraingt.
Neodrach
- Canvas White
#ffffff— Is iad cúlra an leathanaigh, dromchla an chárta, agus painéil aníos bunús iomlán gach scáileáin. - Paper Mist
#f5f5f5— Athruithe beaga datha luicheála le haghaidh cártaí neadaithe, painéil bhreise, agus líontaí. - Ash
#e5e5e5— Is iad na teorainneacha tanaí ar na cártaí, na nascóirí ionchuir agus na roinnteoirí an líne struchtúrach a choinníonn an córas le chéile. - Smoke
#d4d4d4— Teorainneacha níos géire do choimeádáin roghnaithe agus imlínte cnaipe breise. - Pebble
#c8c8c8— Teorainneacha, imlínte rialaithe, agus deighilteoirí struchtúracha le codarsnacht mheánach. Níor cheart an dath seo a úsáid mar an bpríomh-dath le haghaidh glaonna chun gnímh. - Midnight Ink
#0a0a0a— Tá príomhthéacs na gcnaipí, na gcnaipí aibhsithe, agus an téacs nascleanúna beagnach dubh chun an codarsnacht is mó a bhaint amach.
Clóghrafaíocht
ó 11 go 48px · 9 gcéim
- Satoshi — athsholáthar: Inter (weight 500 · imlínte 500 · Ceannteidil Taispeána – a úsáidtear i línte 36–48px amháin le haghaidh teidil ceannteidil agus rannóga. Meáchan cló – 500 (meánach, ní trom): Breathnaíonn na ceannteidil muiníneach agus nua-aimseartha, ach ní bhíonn siad róchumhachtach riamh. Tugann comhréireanna geoiméadracha Satoshi mothú beagán eagarthóireachta, nua-aimseartha don chló nach féidir le cóip choirp Inter a mhacasamhlú.
- Inter — athsholáthar: Inter (native) · imlínte 400, 500, 600 · Cóip choirp, lipéid chomhéadain úsáideora, loingseoireacht, fo-cheannteidil, agus ceannteidil bheaga. Is é Inter an príomh-obair, ag láimhseáil gach rud ó mhicri-lipéid 11px go ceannteidil thánaisteacha 30px. Is é meáchan 400 an réamhshocrú do chóip choirp, 500 d'eilimintí aibhsithe agus lipéid cnaipí, agus tá 600 curtha in áirithe do lipéid chomhéadain úsáideora thábhachtacha. Is é 16px le hairde líne 1.5 an méid céime aonair is minice a bhíonn le fáil (1220 eachtra), rud a dheimhníonn gurb é 16px an méid canónach don chóip choirp.
- Geist Mono — athsholáthar: JetBrains Mono or IBM Plex Mono · imlínte 400, 500 · Úsáidtear blúiríní cóid, meiteashonraí teicniúla, agus comharthaí aonspáis leabaithe i mbloic chóid ag 12–14px agus in eilimintí taispeána cóid mhóra ag 24px. Cinntíonn sé seo inchreidteacht an uirlis fhorbróra, rud atá comhsheasmhach le suíomh táirge Dub.
Eatraimh agus foirm
| Cuspóir | Brí |
|---|---|
| Dlús | meán |
| Céim bhunúsach | 8px |
| Ga na gcnaipe | 8px |
| Gais cárta | 12px |
| Scáthanna | gan teorainneacha in ionad scáthanna |
| Idir rannóga | 64px |
| Leithead leathanaigh | 1200px |
Tógfaidh AI do shuíomh Gréasáin i stíl Dub agus líonfaidh sé é
- Líon isteach le táirgí agus poist tríd an nasc - Instagram, TikTok, Facebook.
- Aistrigh ábhar ó do sheanláithreán gréasáin—níl le déanamh ach an seoladh a shonrú.
- Dearadh nua-aimseartha ar an inneall is fearr: React ( Next.js) le rindreáil freastalaí agus optamú Sinsearach díreach as an mbosca.
- Uasmhéadú lán-uathoibrithe Sinsearach le haghaidh torthaí cuardaigh agus moltaí líonra néarónach.
Stíleanna comhchosúla
- ElevenLabs — Aiste grianghrafadóireachta i ndathanna uachtar te le ceannlínte caolchúiseacha. Leabhar nótaí i stíl Bauhaus—páipéar daite uibhe, dúch dubh, agus béim corcra agus oráiste aonair le haghaidh taispeáint táirgí.
- Awesomic — Mogalra since eagarthóireachta le marcanna poncaíochta oráiste a chuireann confetti i gcuimhne duit
- Monad — iris theicniúil eagarthóireachta ar phár te
- Seline Analytics — Tábla anailíseach ciúin ar pháipéar te
- Notion — Leabhar nótaí páipéir te faoi ghrian meán lae
- Anthropic — Iris allamuigh eolaíochta ar véilim te—dromchlaí socair eabhair, ceannteidil eagarthóireachta serifed, agus béim chré aonair nach bhfeictear ach nuair is gá gníomh a dhéanamh.
- Calendly — Dúch gorm dorcha ar marmar fuar
- Augen Pro — Tá gorm leictreach cliniciúil, gan mheáchan, mar an t-aon bhéim i spás monacrómach i gcur i láthair bán Apple.
- Antimetal — Croinic eagarthóireachta ar pháipéar uachtarúil—maidin chiúin in iris eolaíochta, áit a léiríonn srian muinín agus a dhéanann serifs an obair throm.
- Perk — Aol leictreach ar pháipéar pár te
- Ditto — Ceardlann faoi sholas na gréine ag cruthú samplaí bláthanna fiáine. Dromchlaí uachtar te, dath bonn buí beoga, dúigh gorma cabhlaigh domhain, foirmeacha dathanna orgánacha ag bláthú taobh thiar den phíosa.
- Officevibe — Iris eagarthóireachta ar pháipéar uachtar-daite te. Samhlaigh aiste mhachnamhach ar bhainistíocht AD, curtha i láthair mar tháirge—cló serif cursive ag cogarnaigh trí chomhéadan gorm nua-aimseartha.