Dub
Takelaka fanaraha-maso taratasy vary matroka an'ny Link
Manana endrika SaaS voafehy sy saika mitovy amin'ny an'ny editorial ny rafitra hita maso an'i Dub: lamba fotsy efa ho fotsy mifamatotra amin'ny sisiny manify fa tsy singa misongadina, miaraka amin'ny soratra monochrome matevina manome fanohanana ara-drafitra ary loko manga mamirapiratra tokana (#2563eb) izay manao fanambarana. Mijanona ho fisaka sy tsy misy rindrina ny velarana amin'ny voalohany, fa ny fitoeran-javatra tsirairay dia manana sisiny 1px #e5e5e5, izay mampahatsiahy ny fahatsapana antontan-taratasy vita pirinty. Ny maha-izy azy dia tratrarina amin'ny alàlan'ny andiana haingon-doko "pilina" miloko kely (volomboasary, maitso, volomparasy) izay mitsingevana eo ambonin'ny paleta tsy miandany, ary lohateny izay mahatsiaro ho matoky tena sy maoderina nefa tsy mirenty. Kely sy matevina ny singa: tatatra 8px, radius karatra 12px, marika miendrika pilina amin'ny 9999px, ary fanaraha-maso tsy hita maso fa tsy bokotra mavesatra sy feno.
Ny pejy dia naorina tamin'ny endrika afovoany miaraka amin'ny sakany ambony indrindra eo amin'ny 1200px eo ho eo. Ny singa fototra dia andian-tsoratra afovoany misy singa mitsingevana telo (Programa mpiara-miasa, Famakafakana fiovam-po, Rohy fohy) napetraka mitsivalana eo ambonin'ny endrika vokatra lehibe. Ny fizarana dia milahatra mitsangana miaraka amin'ny fantsona 64px mitovy, mifandimby eo anelanelan'ny lamba fotsy sy ny zavona taratasy #f5f5f5 ho an'ny fisarahana loko. Ny fizarana ambany dia mampiasa endrika miendrika Z: ny lahatsoratra fanoratana dia eo afovoany eo amin'ny ampahatelony afovoany, ary ny karatra UI mitsingevana dia mifamatotra amin'ny sisiny havia sy havanana, mamorona gadona tsy mitovy, toy ny gazety. Ny rahona logo dia grid 5x2 tsotra, eo afovoany eo amin'ny pejy. Ny fitetezana dia bara ambony minimalista — logo eo ankavia, fitetezana eo afovoany, vondrona bokotra roa (bokotra "Midira" matoatoa + bokotra "Misoratra anarana" feno) eo ankavanana — tsy misy menio raikitra na mega-menu. Ny fisehon'ny dashboard-n'ny varavarankely lehibe dia mampiseho fisehon'ny fampiharana misy tsanganana roa mahazatra: sidebar raikitra (mitovy amin'ny 240px) + faritra votoaty izay mamaritra ny hakitroky ny fampahalalana momba ny vokatra ho an'ny mpitsidika alohan'ny hanombohan'izy ireo mikorisa.
Mifantoka amin'ny vokatra ny sary, fa tsy amin'ny fomba fiaina. Ny efijery lehibe dia eo afovoan'ny pikantsary lehibe amin'ny dashboard, izay maneho ny mockup vokatra tena izy miaraka amin'ny fitetezana amin'ny sidebar, tabilao angona, ary singa UI mitsingevana, napetraka toy ny takelaka fisaka eo amin'ny lamba fotsy. Aseho amin'ny grid grayscale tsy misy loko (beehiv, superpower, Chatbase, sns.) ny logo-n'ny mpanjifa mba hankasitrahana ny fahombiazan'izy ireo amin'ny media sosialy, nesorina ny loko mba ahafahan'ny loko manga tokana amin'ny pejy mijanona ho manjaka. Ny karatra mpiara-miasa mitsingevana (profil kely sy taila misy angon-drakitra momba ny fidiram-bola/fandoavana) dia mihetsika manodidina ny sakana lahatsoratra fanoratana eo ambany, mamorona fahatsapana lalina tsy misy fampiasana aloka eo amin'ny lahatsoratra mihitsy. Ny lamina ambadika grid teboteboka dia endri-javatra miavaka: andalana manify misy teboka kely tsy dia mangarahara loatra dia mamorona endrika sy fahatsapana rafitra famolavolana/velarana sary, manasongadina ny toerana misy ny tranonkala ho "sehatra fanomezana rohy maoderina." Ny sary famantarana dia kely dia kely, misy drafitra sy famenoana, ary mampiasa paleta fanamafisana (voasary makirana, volomparasy lavender, maitso mint) ho an'ny marika endri-javatra. Tsy misy sary, sary, na maodely 3D ampiasaina—fiteny hita maso ihany ny interface ampiasain'ny vokatra.
faritra,
Marika
- Electric Blue
#2563eb— Ny loko fototra amin'ny marika—ny logo, rohy, mari-pamantarana ny fahombiazana lehibe, ny toetry ny fampiasana, ary ny haingon-kisary—no ampiasaina. Ny manga manjelanjelatra eo amin'ny fototra fotsy no hany endrika manintona hita maso an'ny rafitra. - Deep Sapphire
#1e40af— Ny fototra iorenan'ny bokotra hetsika, ny famenoana matevina amin'ny antso ho amin'ny hetsika—ny hany loko manondro ny hetsika—dia ampiasaina amin'ny fomba kely kokoa mba hisarihana ny saina.
tsy miandany
- Canvas White
#ffffff— Ny mombamomba ny pejy, ny velaran'ny karatra, ary ireo takelaka mipoitra tampoka no fototry ny efijery rehetra. - Paper Mist
#f5f5f5— Fiovana loko malefaka ho an'ny karatra miraikitra, takelaka fanampiny ary famenoana. - Ash
#e5e5e5— Ireo sisiny manify eo amin'ny karatra, ny mpampitohy fidirana ary ny mpanasaraka no tsipika ara-drafitra mampiray ny rafitra. - Smoke
#d4d4d4— Sisiny maranitra kokoa ho an'ny fitoeran-javatra voafantina sy tsipika bokotra fanampiny. - Pebble
#c8c8c8— Sisiny, drafitra fanaraha-maso, ary mpanasaraka ara-drafitra misy fifanoherana antonony. Tsy tokony hampiasaina ho loko fototra amin'ny antso ho amin'ny hetsika ity loko ity. - Midnight Ink
#0a0a0a— Saika mainty avokoa ny lahatsoratra fototry ny bokotra, ny bokotra nasongadina, ary ny lahatsoratry ny fitetezana mba hahazoana fifanoherana ambony indrindra.
Tipografia
manomboka amin'ny 11 ka hatramin'ny 48px · dingana 9
- Satoshi — fanoloana: Inter (weight 500 · drafitra 500 · Asehoy ny Lohateny – ampiasaina amin'ny andalana 36–48px ihany ho an'ny lohateny sy ny lohatenin'ny fizarana. Lanjan'ny endri-tsoratra – 500 (salan'isa, tsy matavy): Toa maoderina sy matoky tena ny lohateny, saingy tsy mba mahery vaika mihitsy. Ny refy jeometrika an'i Satoshi dia manome endrika maoderina sy somary mandika lahatsoratra izay tsy hain'ny kopian'ny Inter.
- Inter — fanoloana: Inter (native) · drafitra 400, 500, 600 · Ny votoatin'ny lahatsoratra, ny marika UI, ny fitetezana, ny lohateny kely, ary ny lohateny kely. Ny Inter no tena miasa, mikarakara ny zava-drehetra manomboka amin'ny marika bitika 11px ka hatramin'ny lohateny faharoa 30px. Ny lanjan'ny lahatsoratra dia 400 no mahazatra ho an'ny votoatin'ny lahatsoratra, 500 ho an'ny singa nasongadina sy ny marika bokotra, ary 600 no natokana ho an'ny marika UI manan-danja. Ny 16px miaraka amin'ny haavon'ny tsipika 1.5 no habe dingana tokana matetika hita indrindra (1220 miseho), izay manamafy fa ny 16px no habe kanônika amin'ny votoatin'ny lahatsoratra.
- Geist Mono — fanoloana: JetBrains Mono or IBM Plex Mono · drafitra 400, 500 · Ampiasaina ao amin'ny blocs kaody amin'ny 12–14px sy ao amin'ny singa fampisehoana kaody lehibe amin'ny 24px ny sombin-kaody, ny metadata ara-teknika, ary ny token monospaced tafiditra. Izany dia miantoka ny fahatokisan'ny fitaovan'ny mpamorona, mifanaraka amin'ny toerana misy ny vokatra Dub.
Elanelana sy endrika
| Zava-kendreny | HEVITRY |
|---|---|
| hakitroky | Average |
| Dingana fototra | 8px |
| Savaivony bokotra | 8px |
| Savaivony karatra | 12px |
| aloka | tsy misy sisiny fa tsy aloka |
| Eo anelanelan'ny fizarana | 64px |
| Sakany pejy | 1200px |
Hanangana ny tranonkalanao amin'ny fomba Dub ny AI ary hameno azy
- Fenoy vokatra sy lahatsoratra amin'ny alàlan'ny rohy - Instagram, TikTok, Facebook.
- Afindrao ny votoaty avy amin'ny tranonkalanao taloha—farito fotsiny ny adiresy.
- Endrika maoderina amin'ny motera tsara indrindra: React ( Next.js) miaraka amin'ny rendering mpizara sy fanatsarana SEO efa misy.
- Fanatsarana SEO mandeha ho azy tanteraka ho an'ny valin'ny fikarohana sy ny tolo-kevitra momba ny tambajotra neural.
Endrika mitovy
- ElevenLabs — Lahatsoratra sary miloko crème mafana misy lohateny malefaka. Kahie fomba Bauhaus—taratasy miloko akoran'atody, ranomainty mainty, ary haingon-trano volomparasy sy volomboasary tokana ho an'ny fampirantiana vokatra.
- Awesomic — Harato zinc fanoratana misy mari-piatoana volomboasary mampahatsiahy ny confetti
- Monad — gazety teknika fanoratana momba ny taratasy hodi-biby mafana
- Seline Analytics — Tabilao famakafakana mangina eo ambony taratasy mafana
- Notion — Kahie taratasy mafana eo ambanin'ny masoandro mitataovovonana
- Anthropic — Diarin'ny siansa eny an-kianja vita amin'ny vellum mafana—velarana ivoara tony, lohateny misy serif, ary lantom-peo tanimanga tokana izay tsy miseho raha tsy rehefa ilaina ny asa.
- Calendly — Ranomainty manga maizina eo amin'ny marbra mangatsiaka
- Augen Pro — Ny loko fotsy an'ny Apple dia ahitana manga elektrika maivana sy ara-pitsaboana ho hany haingon-trano ao anatin'ny efitrano tokana.
- Antimetal — Tantaran'ny tonian-dahatsoratra amin'ny taratasy crème—maraina tony ao amin'ny gazety siantifika, izay ahitana ny fifehezana maneho fahatokisana ary ny serif no manao ny asa mavesatra
- Perk — Somary elektrika eo ambony taratasy fanaova-mofo mafana
- Ditto — Atrikasa iray nohazavain'ny masoandro mba hamoronana santionan'ny voninkazodia. Ety ivelany mafana sy miloko crème, loko fototra mavo marevaka, ranomainty manga maizina lalina, loko organika mivelatra ao ambadiky ny sangan'asa.
- Officevibe — Gazety fanoratana amin'ny taratasy mafana miloko crème. Alaivo sary an-tsaina lahatsoratra iray feno fisaintsainana momba ny fitantanana ny HR, aseho amin'ny endrika vokatra—endri-tsoratra serif mikorisa mibitsibitsika amin'ny alalan'ny interface manga maoderina.