Dub
Laupapa pulea o le pepa araisa matte a Link
O le faiga vaaia a Dub e iai se foliga vaaia SaaS e fa'atapula'aina, e toetoe lava o se fa'atonuga: o se tapoleni e toetoe lava a pa'epa'e e fusifusia fa'atasi e ni tuaoi manifinifi nai lo ni elemene e aliali mai, fa'atasi ai ma le mamanu monochrome mafiafia e maua ai le lagolago fa'atulagaina ma se lanu lanumoana susulu e tasi (#2563eb) e faia ai se fa'amatalaga. E tumau pea le lamolemole ma leai ni fa'avaa i le va'aiga muamua, ae o atigipusa ta'itasi e iai se laina 1px #e5e5e5, e fa'aosofia ai le lagona o se pepa lolomi. E ausia le uiga patino e ala i se seti la'ititi o lanu "pill" (moli, lanumeamata, violē) e opeopea i luga a'e o le palette e le masani ai, ma ulutala e lagona le mautinoa ma fa'aonaponei e aunoa ma le fa'amatagofie. O vaega e la'ititi ma mafiafia: 8px alavai, 12px radius o kata, fa'ailoga foliga-pill i le 9999px, ma pulega e le va'aia nai lo fa'amau mamafa ma tumu.
O le itulau ua fausia i luga o se faatulagaga ogatotonu ma le lautele maualuga e tusa ma le 1200px. O le elemene autu o se poloka tusitusiga ogatotonu ma elemene e tolu opeopea (Polokalama Fesootai, Su'esu'ega o Suiga, So'otaga Pupuu) ua tu'u fa'alava i luga a'e o se faatulagaga tele o oloa. O vaega ua fa'atulagaina fa'alava ma alavai tutusa e 64px, e fesuia'i i le va o le ie pa'epa'e ma le #f5f5f5 pepa puao mo le vavae'eseina o leo. O le vaega pito i lalo e fa'aogaina se faatulagaga Z: o tusitusiga fa'atonu e tutotonu i le ogatotonu o le vaetolu, ma o kata UI opeopea e fa'amau i le agavale ma le taumatau, e fatuina ai se fati e le tutusa, e pei o se mekasini. O le ao logo o se grid faigofie 5x2, e tutotonu i le itulau. O le fa'atautaia o se pa pito i luga fa'atauva'a—logo i le agavale, fa'atautaia i le ogatotonu, o se vaega o fa'amau e lua (o se fa'amau "Login" + se fa'amau "Resitala" ua fa'atumuina) i le taumatau—e aunoa ma se lisi mautu po'o se mega-lisi. O le fa'atulagaga o le dashboard o le fa'amalama autū o lo'o fa'aalia ai se fa'atulagaga masani o le app e lua koluma: o se pa fa'avaa tumau (e tutusa ma le 240px) + o se vaega o anotusi e fa'amatalaina ai le tele o fa'amatalaga o oloa mo tagata asiasi a'o le'i amata ona latou fa'ase'e.
O ata vaaia e taulaʻi i oloa, ae le o le olaga. O le lau autu e faʻatotonugalemu i luga o se ata tele o le dashboard, o loʻo faʻatusalia ai se faʻataʻitaʻiga o oloa moni ma se faʻasologa i autafa, laulau faʻamaumauga, ma elemene UI opeopea, ua faʻatulagaina o se laupapa mafolafola i luga o se tapoleni paʻepaʻe. O faʻailoga a tagata faʻatau o loʻo faʻaalia i se grid grayscale desaturated (beehiv, superpower, Chatbase, ma isi) e faʻailoa ai a latou faʻatinoga faʻasalalauga faʻaagafesootai, ua aveeseina le lanu e faʻataga ai le faʻailoga lanumoana e tasi o le itulau e tumau pea le pule. O kata paʻaga opeopea (talaaga laiti ma tile ma faʻamatalaga o tupe maua/totogi) e feoaʻi solo i poloka o tusitusiga faʻatonu i le pito i lalo, ma fatuina ai se lagona o le loloto e aunoa ma le faʻaaogaina o ata i luga o le tusitusiga lava ia. O le mamanu o le talaaga o le grid togitogi o se uiga faʻapitoa: o se laina manifinifi o togitogi laiti e matua maualalo le opacity e fatuina ai le mamanu ma le lagona o se faiga mamanu/fogafale tusi, e faʻamamafa ai le tulaga o le 'upega tafaʻilagi o se "faʻavae faʻapitoa o fesoʻotaʻiga faʻaonaponei." O le ata e laʻititi, faʻatasi ai ma otootoga ma faʻatumu, ma faʻaaogaina se palette faʻapitoa (lanu moli, violē lavender, lanumeamata mint) mo pine o foliga. E leai ni ata pue, ata tusi, po'o ni fa'ata'ita'iga 3D e fa'aaogaina—o le atina'e fa'aoga a le oloa lava ia o se gagana vaaia.
Paleti
Fa'ailoga
- Electric Blue
#2563eb— O le lanu autū o le fa'ailoga—le logo, so'otaga, fa'ailoga autū o le fa'atinoga, tulaga o lo'o galue, ma fa'aopoopoga o le ata—e fa'aaogaina. O le lanumoana malosi i luga o se talaaga pa'epa'e e fa'atupuina ai le matagofie vaaia o le polokalama. - Deep Sapphire
#1e40af— O le talaaga autū o le faamau gaioiga, o le faatumu mafiafia o le valaau i gaioiga—na o le pau lea o le lanu e faailoa mai ai le gaioiga—e faaaogaina faatauvaa e faatosina mai ai le mafaufau.
Leai se lagona
- Canvas White
#ffffff— O le talaaga o le itulau, le pito i luga o le kata, ma paneli oso a'e o le faavae autū lea o lau uma. - Paper Mist
#f5f5f5— Suiga lanu fa'alava maaleale mo kata fa'apipi'i, paneli fa'aopoopo, ma fa'atumu. - Ash
#e5e5e5— O tuaoi manifinifi i luga o kata, o feso'ota'iga ma vaeluaga o kata, o le laina fa'avae lea e fusifusia fa'atasi ai le faiga. - Smoke
#d4d4d4— Fa'aitu'au ma'ai mo koneteina ua filifilia ma fa'asologa fa'aopoopo o fa'amau. - Pebble
#c8c8c8— Tuaoi, otootoga fa'atonutonu, ma vaeluaga fa'atulagaina e feololo le eseesega. E le tatau ona fa'aaogaina lenei lanu o se lanu autū mo vala'aulia i se gaioiga. - Midnight Ink
#0a0a0a— E toetoe lava a uliuli le tusitusiga autū o faamau, faamau ua faailogaina, ma le tusitusiga o le fa'asinomaga mo le eseesega sili ona lelei.
Fa'ailoga o le mata'itusi
mai le 11 i le 48px · 9 laasaga
- Satoshi — sui: Inter (weight 500 · otootoga 500 · Fa'aalia Ulutala – e fa'aaogaina na'o laina e 36–48px mo ulutala ma ulutala o vaega. Mamafa o mata'itusi – 500 (feololo, e le o ni mata'itusi tetele): E foliga mautinoa ma fa'aonaponei ulutala, ae e le soona malosi tele. O fua fa'atatau fa'ata'atitia a Satoshi e maua ai e le mata'itusi se lagona fa'aonaponei ma fa'atonutonu e le mafai e le kopi atoa a Inter ona toe fa'ata'ita'iina.
- Inter — sui: Inter (native) · otootoga 400, 500, 600 · Kopi o le tino, fa'ailoga o le UI, fa'asinomaga, ulutala laiti, ma ulutala laiti. O le Inter o le galuega autu lea, e taulimaina mea uma mai fa'ailoga laiti e 11px i ulutala lona lua e 30px. O le mamafa o le 400 o le masani lea mo le kopi o le tino, 500 mo elemene fa'ailoga ma fa'ailoga o fa'amau, ma le 600 e fa'apolopolo mo fa'ailoga taua o le UI. 16px ma le maualuga o le laina e 1.5 o le tele e masani ona maua i le la'asaga e tasi (1220 mea e tutupu), e fa'amaonia ai o le 16px o le tele masani lea o le kopi o le tino.
- Geist Mono — sui: JetBrains Mono or IBM Plex Mono · otootoga 400, 500 · O vaega o tusitusiga fa'akomepiuta, fa'amatalaga fa'atekinolosi, ma fa'ailoga monospaced ua fa'apipi'iina e fa'aaogaina i poloka fa'akomepiuta i le 12–14px ma i elemene tetele o fa'aaliga fa'akomepiuta i le 24px. O lenei mea e fa'amautinoa ai le talitonuina o le meafaigaluega a le tagata atia'e, e ogatasi ma le tulaga o oloa a Dub.
Vaitaimi ma foliga
| Fa'amoemoega | Uiga |
|---|---|
| Mafiafia | averesi |
| Laasaga autū | 8px |
| Fa'asologa o le fa'amau | 8px |
| La'asaga o le kata | 12px |
| Ata | leai - tuaoi nai lo ata |
| I le va o vaega | 64px |
| Lautele o le itulau | 1200px |
O le a fausia e le AI lau upega tafaʻilagi i le sitaili Dub ma faʻatumuina
- Fa'atumu i oloa ma pou e ala i le so'otaga - Instagram, TikTok, Facebook.
- Fesiitai anotusi mai lau 'upega tafaʻilagi tuai—na'o le fa'amaoti mai o le tuatusi.
- Fuafuaga fa'aonaponei i luga o le afi sili ona lelei: React ( Next.js) fa'atasi ai ma le fa'atinoina o le 'au'aunaga ma le fa'aleleia atili o le SEO mai le pusa.
- Fa'aleleia atoatoa o le SEO mo taunu'uga o su'esu'ega ma fautuaga o feso'ota'iga neural.
Sitaili tutusa
- ElevenLabs — O se tusiga ata i lanu kulimi mafanafana ma ulutala mālū. O se api tusi fa'a-Bauhaus—pepa lanu e pei o se atigi fuamoa, vaitusi uliuli, ma se teuteuga violē ma le moli e tasi mo le fa'aaliga o oloa.
- Awesomic — 'Upega tafa'ilagi zinc fa'atonu ma fa'ailoga lanu moli e fa'amanatu mai ai le konifeti
- Monad — api talaaga fa'atekinolosi fa'atonu i luga o le pepa mafanafana
- Seline Analytics — O se laulau auiliiliga filemu i luga o se pepa mafanafana
- Notion — O se api tusi mafanafana i le la o le aoauli
- Anthropic — O se mekasini faasaienisi i luga o le vellum mafanafana—o ni foliga to'afilemu e lanu ai le aiva, o ulutala faatonu ua valiina i serif, ma se teuteuga omea e tasi e na'o le taimi e mana'omia ai se gaioiga e aliali mai ai.
- Calendly — Vaitusi lanumoana pogisa i luga o le maamora malulu
- Augen Pro — O le fa'aaliga pa'epa'e a Apple o lo'o i ai se lanumoana eletise, mama, e fai ma fa'ailoga e tasi i totonu o se potu lanu e tasi.
- Antimetal — O se tala fa'atonu i luga o le pepa kulimi—o se taeao filemu i se mekasini faasaienisi, lea e fa'aalia ai le mautinoa e ala i le taofiofi ma e fa'aalia ai le mamafa o le galuega e ala i serifs.
- Perk — Lime eletise i luga o le pepa tao mafanafana
- Ditto — O se mafutaga faaleaoaoga e susulu i le la e fatuina ai ni faʻataʻitaʻiga o fugālaau vao. O luga kulimi mafanafana, lanu samasama susulu, vaitusi lanumoana lanumoana loloto, lanu faʻalenatura o loʻo fuga mai i tua atu o le fasi mea.
- Officevibe — O se mekasini faatonu i luga o se pepa lanu kulimi mafanafana. Vaai faalemafaufau i se tusiga mafaufau loloto e uiga i le pulega o tagata faigaluega, o loʻo tuʻuina atu o se oloa—o se mataʻitusi serif cursive o loʻo musumusu i totonu o se faʻaoga lanumoana faʻaonaponei.