Superlist
Yon espas travay lannwit ak ti chabon koray—yon sifas trankil koulè berejenn kote yon sèl etensèl zoranj cho siyal chak aksyon
Superlist itilize yon langaj pwodiktivite nan ton mov minwi: berejèn fonse, koray cho kòm sèl koulè prensipal la, ak gwo tit sans-serif ki kaptire tout atmosfè a. Entèfas la evok santiman travay konsantre anreta—trankil, an kouch, ak konfidans, ak koulè ki itilize sèlman kòm ponktiyasyon fonksyonèl sou apèl a aksyon, eta aktif, ak pwen kle yo. Sifas yo an kouch nan ton nwa sibtil ak yon souton mov (#181824 → #26253b), evite nwa pi pou asire pwofondè a santi cho olye ke esteril. Konpozan yo prezante fòm awondi jenere (kat 20px, bouton grenn), lonbraj mou, epi "respire" nan espas konfòtab 10-16px olye ke griy sere. Vwa tit la se tout bagay: yon pwa 600 pwen nan 70-88px ak espasman lèt sere nan -0.02em trete tèks la kòm tipografik olye ke UI—li pi pre kopi editoryal pase SaaS.
Seksyon nwa yo kouvri tout lajè paj la, ak kontenè kontni santre, lajè maksimòm. Seksyon prensipal la santre vètikalman epi li gen yon tit, yon sou-tèks, ak yon apèl a aksyon (CTA), ki te swiv pa yon gwo ekran pwodwi ki sipèpoze seksyon kap vini an. Seksyon ki vin apre yo altène ant blòk tèks santre ak griy kat. Seksyon revizyon yo itilize yon griy twa kolòn ak kat revizyon ak 16 ti kwen. Navigasyon an se yon sèl ba anlè ak yon logo sou bò gòch la, lyen santre, ak aksyon koneksyon sou bò dwat la—pa gen okenn ba bò fiks oswa mega-meni. Ti kwen ki genyen ant seksyon yo jenere (16 ti kwen), sa ki kreye yon ritm editoryal espasye olye de yon griy pwodwi dans.
Espas vizyèl la domine pa ekran pwodwi yo—yon gwo ankadreman ak kwen awondi, ki montre koòdone aplikasyon an, ranpli seksyon prensipal la ak segondè yo. Foto yo minim, yo itilize sèlman kòm avatar itilizatè oswa aperçu medya nan aplikasyon an (pa egzanp, imaj konsè a nan panèl dwat maket pwodwi a). Logo ki sou ba konfyans lan se senbòl tèks blan plat, ki pa twò klere. Pa gen okenn ilistrasyon dekoratif, pa gen grafik abstrè, pa gen okenn rann 3D. Estrateji vizyèl la se montre pwodwi a nan yon gwo echèl, kite tipografi a fè travay emosyonèl la, epi itilize koray kòm sèl koulè aksan an.
Palèt
Mak
- Coral Ember
#ff4a36— Yo itilize koulè zoranj kòm yon aksan segondè pou detay dekoratif ak pou mete aksan sou endikasyon ki pa rive souvan. Li pa ta dwe itilize kòm koulè prensipal pou apèl a aksyon.
Netral
- Aubergine Canvas
#181824— Fon paj la, twal prensipal la, se yon koulè cho ak fonse ki ranplase nwa pi a, sa ki fè koòdone itilizatè a parèt an kouch olye de plat. - Elevated Plum
#26253b— Sifas kat, chan pou antre, kontenè navigasyon—yon etap pi fasil pase twal pou kreye pwofondè san yon limit vizib. - Pure White
#ffffff— Tit prensipal yo, tèks bouton yo, ak kontou ikòn yo—kontras maksimòm sou yon twal nwa. - Fog Text
#696f81— Tèks prensipal la, tit segondè yo, ak fwontyè ki pa gen koulè—yon rapò kontras 7:1 pou yon lekti konfòtab sou yon background koulè berejenn. - Ash Text
#8e8da0— Yo sipòte yon koulè net pou eleman segondè nan koòdone itilizatè a, divizè yo, ak etikèt ki pa gen koulè. Li pa ta dwe itilize kòm koulè prensipal pou apèl a aksyon. - Mist Highlight
#a3a3a7— Fwontyè sibtil, divizyon, ak eleman navigasyon inaktif kreye yon ton net sibtil ki toujou detache sou twal la.
Tipografi
soti nan 12 pou rive nan 88px · 9 etap
- sans-serif — ranplasman: Inter · plan 400 · sans-serif - yo jwenn li nan done yo te ekstrè men IA a pa dekri li.
- Haffer XH SemiBold — ranplasman: Inter Tight · plan 400, 600 · Font prensipal la pou ekspozisyon ak tit yo. Li itilize nan yon gwosè 70–88px pou tit prensipal yo ak yon espasman lèt -0.02em ak yon pwa 600. Espasman lèt ki etwat la ak wotè lèt ki gwo a bay tit yo yon pwa editoryal, sa ki fè koòdone nwa a sanble plis ak yon kouvèti magazin pase ak yon tablodbò. Ranplase ak Inter Tight oswa General Sans nan yon pwa fonse.
- Jersey 10 — ranplasman: Anybody · plan 400 · Yon gwo polis dekoratif pou nimewo aksan ak souliyaj. Yo itilize l ak modération nan gwosè ki trè gwo pou kreye aksan tipografik. Ou ka ranplase l ak Anybody oubyen Cabinet Grotesk.
Entèval ak fòm
| Objektif | Siyifikasyon |
|---|---|
| Dansite | mwayèn |
| Etap debaz | 10-16px |
| Reyon bouton | 100px |
| Reyon kat | 20px |
| Lonbray | lonbraj mou |
| Ant seksyon yo | 80px |
| Lajè paj la | 1200px |
IA ap bati sit entènèt ou a nan style Superlist 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
- DNA — Observatwa Minwi jan yo wè l atravè yon lantiy patikil
- Abetterlou — Etensèl sou kwi sèl - Yon lèt krèm cho ki klere sou yon fon nwa kafe fonse, ak bouton amber-lò ki santi yo tankou metal cho boure sou paj la.
- Galileo-ft — Yon pon kòmandman espas pwofon ak siyal ble elektrik
- Decide AI — Obsèvatwa a minwi - siyal mant
- Redis Agency — Atelye editoryal la, ki ouvè apre lè travay, se yon kote ki fè nwa anpil kote tout travay branding lan fèt ak polis serif ak yon sèl radi wouj.
- Spellbook — Yon sal tribinal minwi limen ak lank koray—yon sifas editoryal fènwa kote sèl son an se kou plim zoranj cho a.
- Linear — enstriman presizyon minwi
- Origin Financial — Yon galeri minwi ki gen yon opilans trankil. Yon chanm trankil, prèske fènwa kote gwo lèt serif ak kèk panno koulè limen kreye santiman ke finans se yon travay atistik ki byen òganize.
- Hyperstudio — Desen an grate nan obsidyèn. Tèks ak liy fen ankadre yon etandi blan nwa pi, ak mak konpa an lò detanzantan ki endike chemen an.
- Air — eskilti "Syèl minwi atravè vè"
- Raycast — Sant Kòmandman Minwi, Coral Neon
- dope.security — Tèminal minwi ak baliz koulè mov