Superlist
Toerana fiasana amin'ny alina misy vainafo haran-dranomasina—eo amin'ny velaran-tany manga malefaka izay misy pitik'afo volomboasary mafana iray manondro ny fihetsika rehetra
Mampiasa fiteny famokarana amin'ny loko volomparasy amin'ny misasakalina ny Superlist: baranjely lalina, koraly mafana ho toy ny loko fototra tokana, ary lohateny lehibe sans-serif izay maka ny rivo-piainana manontolo. Ny interface dia mampahatsiahy ny fahatsapana asa mifantoka amin'ny alina be—mangina, misy sosona ary matoky tena, miaraka amin'ny loko ampiasaina ho mari-piatoana miasa amin'ny antso ho amin'ny hetsika, ny toetry ny mavitrika ary ny teboka manan-danja. Ny velarana dia misy sosona amin'ny loko maizina malefaka miaraka amin'ny loko volomparasy ambany (#181824 → #26253b), misoroka ny mainty madio mba hahazoana antoka fa mafana ny halaliny fa tsy ho maina. Ny singa dia misy endrika boribory malalaka (karatra 20px, bokotra pilina), aloka malefaka, ary "miaina" amin'ny alàlan'ny elanelana 10-16px mahazo aina fa tsy grids tery. Ny feon'ny lohateny no zava-drehetra: ny lanja 600-point amin'ny 70-88px miaraka amin'ny elanelana litera tery -0.02em dia mihevitra ny lahatsoratra ho toy ny typographic fa tsy UI—akaiky kokoa ny dika mitovy amin'ny tonian-dahatsoratra noho ny SaaS.
Misy fizarana maizina mandrakotra ny sakany manontolo amin'ny pejy, miaraka amin'ny fitoeran-javatra votoaty afovoany sy sakany ambony indrindra. Ny fizarana lehibe dia afovoany mitsangana ary misy lohateny, lahatsoratra kely, ary antso ho amin'ny hetsika (CTA), arahin'ny pikantsary lehibe momba ny vokatra mifanindry amin'ny fizarana manaraka. Mifandimby eo anelanelan'ny lahatsoratra afovoany sy ny harato karatra ny fizarana manaraka. Ny fizarana famerenana dia mampiasa harato misy tsanganana telo misy karatra famerenana sy fantsona 16. Ny fitetezana dia bara ambony tokana misy logo eo ankavia, rohy afovoany, ary hetsika fidirana eo ankavanana—tsy misy sidebar raikitra na mega-menu. Malalaka ny fantsona eo anelanelan'ny fizarana (fanato 16), ka mamorona gadona lahatsoratra malalaka fa tsy harato vokatra matevina.
Ny habaka hita maso dia manjaka amin'ny pikantsarin'ny vokatra—sary lehibe misy zorony boribory, mampiseho ny interface tena izy amin'ny fampiharana, mameno ny fizarana lehibe sy faharoa. Vitsy dia vitsy ny sary, ampiasaina ho toy ny avatar an'ny mpampiasa na topimaso amin'ny media ao anaty fampiharana fotsiny (ohatra, ny sarin'ny fampisehoana eo amin'ny tontonana ankavanan'ny mockup vokatra). Ny logo eo amin'ny bara fitokisana dia marika soratra fotsy malefaka sy fisaka. Tsy misy sary haingon-trano, tsy misy sary abstract, tsy misy sary 3D. Ny paikady hita maso dia ny fampisehoana ny vokatra amin'ny ambaratonga lehibe, avelao ny tipografia hanao ny asa ara-pihetseham-po, ary ampiasao ny coral ho loko tokana.
faritra,
Marika
- Coral Ember
#ff4a36— Ampiasaina ho loko fanampiny ho an'ny haingon-trano sy hanasongadinana ireo famantarana tsy fahita firy ny loko volomboasary. Tsy tokony hampiasaina ho loko fototra amin'ny antso ho amin'ny hetsika izy io.
tsy miandany
- Aubergine Canvas
#181824— Ny afara ao ambadiky ny pejy, ny lamba fototra, dia alokaloka mafana sy maizina izay manolo ny mainty madio, ka mahatonga ny interface ho toa misy sosona fa tsy fisaka. - Elevated Plum
#26253b— Velaran'ny karatra, saha fampidirana, fitoeran-javatra fitetezana—dingana iray mora kokoa noho ny lamba ny famoronana halaliny tsy misy sisin-tany hita maso. - Pure White
#ffffff— Lohateny fototra, lahatsoratry ny bokotra, ary endriky ny kisary—fifanoherana ambony indrindra amin'ny lamba maizina. - Fog Text
#696f81— Ny lahatsoratra fototra, ny lohateny faharoa, ary ny sisiny malefaka dia samy manana tahan'ny fifanoherana 7:1 mba hahafahana mamaky mora foana amin'ny ambadika miloko baranjely. - Ash Text
#8e8da0— Tohana ny loko tsy miandany ho an'ny singa UI faharoa, ny mpanasaraka ary ny marika tsy dia misongadina. Tsy tokony hampiasaina ho loko fototra amin'ny antso ho amin'ny hetsika izany. - Mist Highlight
#a3a3a7— Ireo sisiny malefaka, ireo mpanasaraka ary ireo singa fanamoriana tsy miasa dia mamorona loko tsy miandany malefaka izay mbola miavaka amin'ny lamba.
Tipografia
manomboka amin'ny 12 ka hatramin'ny 88px · dingana 9
- sans-serif — fanoloana: Inter · drafitra 400 · sans-serif - hita ao amin'ny angon-drakitra nalaina saingy tsy voafaritry ny AI.
- Haffer XH SemiBold — fanoloana: Inter Tight · drafitra 400, 600 · Ny endri-tsoratra fototra ho an'ny fampisehoana sy ny lohateny. Ampiasaina amin'ny habe 70–88px izy io ho an'ny lohateny lehibe miaraka amin'ny elanelana litera -0.02em ary lanja 600. Ny elanelana litera tery sy ny haavon'ny litera lehibe dia manome lanja lahatsoratra ho an'ny lohateny, ka mahatonga ny interface maizina ho toy ny fonon'ny gazety fa tsy toy ny dashboard. Soloy amin'ny Inter Tight na General Sans amin'ny lanja matavy.
- Jersey 10 — fanoloana: Anybody · drafitra 400 · Endri-tsoratra lehibe sy haingon-trano ho an'ny isa sy ny teboka misongadina. Ampiasaina kely dia kely amin'ny habe lehibe mba hamoronana teboka fanoratana. Azo soloina amin'ny Anybody na Cabinet Grotesk.
Elanelana sy endrika
| Zava-kendreny | HEVITRY |
|---|---|
| hakitroky | Average |
| Dingana fototra | 10-16px |
| Savaivony bokotra | 100px |
| Savaivony karatra | 20px |
| aloka | aloka malefaka |
| Eo anelanelan'ny fizarana | 80px |
| Sakany pejy | 1200px |
Hanangana ny tranonkalanao amin'ny fomba Superlist 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
- DNA — Observatory amin'ny alina araka ny hita amin'ny alalan'ny family misy poti-javatra
- Abetterlou — Pikantsary eo amin'ny Hoditra Lasely - Endri-tsoratra mafana sy mamy mamirapiratra eo anoloana mainty lalina, miaraka amin'ny bokotra volamena-amber izay toy ny metaly mafana voatsindry ao anaty pejy.
- Galileo-ft — Tokotanin-tsambo mibaiko habakabaka lalina misy famantarana manga elektrika
- Decide AI — Observatory amin'ny misasakalina - famantarana mint
- Redis Agency — Toerana maizina tanteraka ny atrikasa fanoratana lahatsoratra, izay misokatra aorian'ny ora fiasana, izay anaovana ny asa rehetra momba ny marika amin'ny alalan'ny endri-tsoratra serif sy radish mena iray.
- Spellbook — Efitrano fitsarana amin'ny misasakalina nohazavain'ny ranomainty haran-dranomasina—efitrano maizina izay ny hany feo dia ny fikasihan'ny penina volomboasary mafana
- Linear — fitaovana fandrefesana mazava tsara amin'ny misasakalina
- Origin Financial — Galerian'ny misasakalina feno rendrarendra mangina. Efitrano mangina sy saika maizina izay ahitana endri-tsoratra serif lehibe sy takelaka miloko vitsivitsy manazava izay mamorona ny fahatsapana fa sangan'asa kanto voakarakara tsara ny fitantanam-bola.
- Hyperstudio — Voasokitra amin'ny loko obsidian ny endrika. Ny soratra sy ny tsipika manify dia mandrakotra ny toerana fotsy mainty madio, miaraka amin'ny marika kompà volamena indraindray manondro ny lalana.
- Air — sary sokitra "Lanitra Mamatonalina mamaky fitaratra"
- Raycast — Foibe Fibaikoana amin'ny Mamatonalina, Coral Neon
- dope.security — Terminal amin'ny misasakalina misy jiro volomparasy