Dub
Panèl kontwòl papye diri mat Link la
Sistèm vizyèl Dub la gen yon estetik SaaS ki rete modéré, prèske editoryal: yon twal prèske blan ki kenbe ansanm pa ti fwontyè olye de eleman ki soti deyò, ak yon tipografi monokrom dans ki bay sipò estriktirèl ak yon sèl koulè ble klere (#2563eb) ki fè yon deklarasyon. Sifas yo rete plat e san ankadreman lè w gade yo an premye, men chak veso gen yon maj 1px #e5e5e5, ki fè moun panse ak yon dokiman enprime. Pèsonalite a reyalize atravè yon ti seri aksan "grenn" koulè (zoranj, vèt, koulè wouj violèt) ki flote anlè palèt net la, ak tit ki santi yo gen konfyans ak modèn san yo pa twò klere. Konpozan yo kontra enfòmèl ant e dans: liy goutyè 8px, reyon kat 12px, etikèt ki gen fòm grenn nan 9999px, ak kontwòl envizib olye de bouton lou ak plen.
Paj la bati sou yon layout santre ak yon lajè maksimòm apeprè 1200px. Eleman prensipal la se yon blòk tèks santre ak twa eleman k ap flote (Pwogram Afilye, Analiz Konvèsyon, Lyen Kout) pozisyone orizontalman anlè yon gwo layout pwodwi. Seksyon yo ranje vètikalman ak goutyè 64px konsistan, altène ant twal blan ak papye #f5f5f5 pou separasyon tonal. Seksyon anba a itilize yon layout an fòm Z: tèks editoryal la santre nan tyè mitan an, epi kat koòdone itilizatè k ap flote yo ankre nan maj gòch ak dwat yo, sa ki kreye yon ritm asimetrik, tankou nan magazin. Nyaj logo a se yon senp griy 5x2, santre sou paj la. Navigasyon an se yon ba minimalist anlè—logo a sou bò gòch la, navigasyon nan sant la, yon gwoup de bouton (yon bouton fantom "Login" + yon bouton "Enskri" plen) sou bò dwat la—san yon meni fiks oswa yon mega-meni. Tablodbò fenèt prensipal la prezante yon aranjman aplikasyon klasik ak de kolòn: yon ba lateral fiks (menm jan ak 240px) + yon zòn kontni ki defini dansite enfòmasyon pwodwi a pou vizitè yo anvan yo kòmanse defile.
Vizyèl yo santre sou pwodwi, pa sou fòm lavi. Ekran prensipal la santre sou yon gwo ekran tablodbò, ki reprezante yon maket pwodwi reyèl ak yon navigasyon bò kote, yon tablo done, ak eleman koòdone itilizatè k ap flote, ki prezante kòm yon panèl plat sou yon twal blan. Logo kliyan yo parèt nan yon griy gri desature (beehiv, superpower, Chatbase, elatriye) pou rekonèt pèfòmans yo sou medya sosyal, san koulè pou pèmèt sèl aksan ble paj la rete dominan. Kat patnè k ap flote (ti pwofil ak mozayik ak done revni/peman) deplase alantou blòk tèks editoryal anba a, sa kreye yon sans pwofondè san yo pa itilize lonbraj sou tèks la li menm. Modèl griy pwen an nan background nan se yon karakteristik siyati: yon ranje mens ti pwen ki gen yon opakite ki ba anpil kreye teksti ak sansasyon yon sistèm konsepsyon/sifas desen, ki mete aksan sou pozisyon sit la kòm yon "platfòm atribisyon lyen modèn." Ikonografi a minim, ak kontou ak ranpli, epi li itilize yon palèt aksan (zoranj mandarin, koulè violèt lavand, vèt mant) pou etikèt karakteristik yo. Pa gen foto, ilistrasyon, oswa modèl 3D ki itilize—koòdone itilizatè pwodwi a li menm se yon langaj vizyèl.
Palèt
Mak
- Electric Blue
#2563eb— Yo itilize koulè prensipal mak la—logo a, lyen yo, endikatè pèfòmans kle yo, eta aktif yo, ak aksan ikòn yo. Yon ble fonse sou yon fon blan kreye sèl atiran vizyèl sistèm nan. - Deep Sapphire
#1e40af— Fond prensipal bouton aksyon an, ranpli fonse apèl a aksyon an—sèl koulè ki endike aksyon an—yo itilize l ak modération pou atire atansyon.
Netral
- Canvas White
#ffffff— Fon paj la, sifas kat la, panèl pop-up yo se fondasyon absoli chak ekran. - Paper Mist
#f5f5f5— Chanjman koulè sibtil lè w ap survole sou kat ki entegre, panèl adisyonèl, ak ranpli. - Ash
#e5e5e5— Bòdi mens sou kat yo, konektè antre yo ak separateur yo se liy estriktirèl ki kenbe sistèm nan ansanm. - Smoke
#d4d4d4— Fwontyè ki pi byen defini pou resipyan yo chwazi ak kontou bouton anplis. - Pebble
#c8c8c8— Fwontyè, kontou kontwòl, ak divizyon estriktirèl ak kontras mwayen. Koulè sa a pa ta dwe itilize kòm koulè prensipal pou apèl a aksyon. - Midnight Ink
#0a0a0a— Tèks prensipal bouton yo, bouton ki make yo, ak tèks navigasyon an prèske nwa pou yon kontras maksimòm.
Tipografi
soti nan 11 pou rive nan 48px · 9 etap
- Satoshi — ranplasman: Inter (weight 500 · plan 500 · Tit Afiche – yo itilize sèlman nan liy 36–48px pou tit tit ak seksyon yo. Pwa karaktè – 500 (mwayen, pa fonse): Tit yo parèt byen klè epi modèn, men yo pa janm twò fò. Pwopòsyon jewometrik Satoshi yo bay karaktè karaktè a yon ti jan editoryal, yon sansasyon modèn ke tèks Inter la pa ka repwodui.
- Inter — ranplasman: Inter (native) · plan 400, 500, 600 · Kò tèks, etikèt koòdone itilizatè, navigasyon, soutit, ak ti tit. Inter se zouti prensipal la, li jere tout bagay soti nan mikwo-etikèt 11px rive nan tit segondè 30px. Yon pwa 400 se valè pa defo pou kò tèks la, 500 pou eleman ki make ak etikèt bouton yo, epi 600 rezève pou etikèt koòdone itilizatè enpòtan yo. 16px ak yon wotè liy 1.5 se gwosè yon sèl etap ki pi souvan rankontre (1220 aparisyon), sa ki konfime ke 16px se gwosè kò tèks kanonik la.
- Geist Mono — ranplasman: JetBrains Mono or IBM Plex Mono · plan 400, 500 · Yo itilize ti moso kòd, metadone teknik, ak jeton monospace entegre nan blòk kòd nan 12–14px ak nan gwo eleman ekspozisyon kòd nan 24px. Sa asire kredibilite zouti devlopè a, ki konsistan avèk pozisyonman pwodwi Dub la.
Entèval ak fòm
| Objektif | Siyifikasyon |
|---|---|
| Dansite | mwayèn |
| Etap debaz | 8px |
| Reyon bouton | 8px |
| Reyon kat | 12px |
| Lonbray | pa gen fwontyè olye de lonbraj |
| Ant seksyon yo | 64px |
| Lajè paj la | 1200px |
IA ap bati sit entènèt ou a nan style Dub epi ranpli li.
- Ranpli ak pwodwi ak piblikasyon atravè lyen an - Instagram, TikTok, Facebook.
- Transfere kontni ki soti nan ansyen sit ou a—jis presize adrès la.
- Design modèn sou pi bon motè a: React ( Next.js) ak rann sèvè ak optimize SEO pare pou itilize.
- Optimizasyon SEO konplètman otomatik pou rezilta rechèch ak rekòmandasyon rezo newòn.
Stil ki sanble
- ElevenLabs — Yon redaksyon foto nan ton krèm cho ak tit sibtil. Yon kaye style Bauhaus—papye koulè kokiy ze, lank nwa, ak yon sèl aksan mov ak zoranj pou montre pwodwi a.
- Awesomic — May zenk editoryal ak mak ponktiyasyon zoranj ki fè moun panse ak konfeti
- Monad — jounal teknik editoryal sou parchemin cho
- Seline Analytics — Yon tab analiz trankil sou papye cho
- Notion — Yon kaye papye cho nan solèy midi a
- Anthropic — Yon jounal syantifik sou velòm cho—sifas ivwa kalm, tit editoryal ak serife, ak yon sèl aksan ajil ki parèt sèlman lè gen yon aksyon ki nesesè.
- Calendly — Lank ble fonse sou mab frèt
- Augen Pro — Prezantasyon blan Apple la prezante yon ble elektrik, klinik, lejè kòm sèl aksan nan yon espas monokrom.
- Antimetal — Yon kwonik editoryal sou papye krèm—yon maten trankil nan yon jounal syantifik, kote kontrent transmèt konfyans epi serif yo fè travay di a.
- Perk — Lacho elektrik sou papye parchemin cho
- Ditto — Yon atelye anba solèy k ap kreye echantiyon flè sovaj. Sifas krèm cho, yon koulè baz jòn vibran, lank ble maren fonse, fòm koulè òganik k ap fleri dèyè pyès la.
- Officevibe — Yon magazin editoryal sou papye koulè krèm cho. Imajine yon redaksyon byen reflechi sou jesyon resous imèn, prezante kòm yon pwodwi—yon polis serif kousif k ap chuichui nan yon koòdone ble modèn.