Superlist
Sebaka sa ho sebetsa bosiu se nang le mashala a likorale—sebaka se khutsitseng sa app ea eggplant moo tlhase e le 'ngoe e mofuthu ea lamunu e bontšang ketso e 'ngoe le e 'ngoe
Superlist e sebelisa puo ea tlhahiso ka mebala e pherese ea bosiu: eggplant e tebileng, coral e futhumetseng e le 'mala o ka sehloohong feela, le lihlooho tse kholo tsa sans-serif tse hapang sepakapaka sohle. Sebopeho sena se hlahisa maikutlo a mosebetsi o shebaneng le bosiu haholo—o khutsitseng, o nang le mekhahlelo, le o nang le boits'epo, ka 'mala o sebelisoang feela e le matšoao a sebetsang ho mehala ea ketso, maemo a mafolofolo, le lintlha tsa bohlokoa. Libaka li arotsoe ka mebala e lefifi e bobebe ka molumo o tlase o pherese (#181824 → #26253b), ho qoba botšo bo hloekileng ho netefatsa hore botebo bo ikutloa bo futhumetse ho fapana le ho se hloeke. Likarolo li na le libopeho tse chitja tse ngata (likarete tsa 20px, likonopo tsa pilisi), meriti e bonolo, 'me li "hema" ka likheo tse phutholohileng tsa 10-16px ho fapana le li-grid tse tiileng. Lentsoe la sehlooho ke ntho e 'ngoe le e 'ngoe: boima ba lintlha tse 600 ho 70-88px ka sebaka sa litlhaku tse tiileng sa -0.02em se tšoara mongolo e le mongolo oa typographic ho fapana le UI—se haufi le kopi ea bohlophisi ho feta SaaS.
Likarolo tse lefifi li akaretsa bophara bohle ba leqephe, ka lijana tsa litaba tse bohareng, tse bophara bo boholo. Karolo e kholo e bohareng ka ho otloloha 'me e na le sehlooho, mongolo o ka tlase, le pitso ea ketso (CTA), e lateloang ke setšoantšo se seholo sa sehlahisoa se koahelang karolo e latelang. Likarolo tse latelang li fapanyetsana lipakeng tsa li-block tsa mongolo tse bohareng le li-grid tsa likarete. Karolo ea litlhahlobo e sebelisa grid ea likholomo tse tharo e nang le likarete tsa tlhahlobo le li-gutter tse 16. Tsamaiso ke bare e le 'ngoe e ka holimo e nang le letšoao ka letsohong le letšehali, lihokelo tse bohareng, le liketso tsa ho kena ka letsohong le letona—ha ho na lehlakore le tsitsitseng kapa lenane le leholo. Li-gutter pakeng tsa likarolo li ngata (li-gutter tse 16), li etsa morethetho o moholo, oa bohlophisi ho fapana le grid e teteaneng ea sehlahisoa.
Sebaka sa pono se laoloa ke litšoantšo tsa sehlahisoa—foreimi e kholo e nang le likhutlo tse chitja, e bonts'ang sebopeho sa 'nete sa sesebelisoa, e tlatsa likarolo tse kholo le tsa bobeli. Lifoto li nyane haholo, li sebelisoa feela e le li-avatar tsa basebelisi kapa liponelopele tsa mecha ea litaba ea ka hare ho sesebelisoa (mohlala, setšoantšo sa konsarete se ka lehlakoreng le letona la mohlala oa sehlahisoa). Li-logo bareng ea tšepo ke matšoao a mongolo o mosoeu a bataletseng, a khutsitseng. Ha ho na litšoantšo tse khabisitsoeng, ha ho na litšoantšo tse sa utloisiseheng, ha ho na litšoantšo tsa 3D. Leano la pono ke ho bonts'a sehlahisoa ka tekanyo e kholo, ho lumella mongolo hore o etse mosebetsi oa maikutlo, le ho sebelisa likorale e le 'mala o le mong oa khatiso.
Palete
Letšoao
- Coral Ember
#ff4a36— Lamunu e sebelisoa e le lets'oao la bobeli bakeng sa lintlha tsa mokhabiso le ho totobatsa matšoao a sa tloaelehang. Ha ea lokela ho sebelisoa e le 'mala oa mantlha bakeng sa likōpo tsa ketso.
Lehlakore
- Aubergine Canvas
#181824— Semelo sa leqephe, e leng canvas e ka sehloohong, ke moriti o mofuthu, o lefifi o nkang sebaka sa botsho bo hloekileng, o etsang hore sebopeho sa mosebelisi se bonahale se le mekhahlelo ho fapana le ho ba bataletse. - Elevated Plum
#26253b— Libaka tsa karete, masimo a ho kenya, lijana tsa ho tsamaisa—ho bonolo ho feta kanavase ho etsa botebo ntle le moeli o bonahalang. - Pure White
#ffffff— Lihlooho tse kholo, mongolo oa konopo, le meralo ea matšoao—phapang e kholo holim'a kanavase e lefifi. - Fog Text
#696f81— Mongolo o ka sehloohong, dihlooho tse ding, le meedi e kgutsitseng kaofela di na le karolelano ya phapang ya 7:1 bakeng sa ho bala ka boiketlo kgahlanong le bokamorao ba mmala wa eggplant. - Ash Text
#8e8da0— 'Mala o sa nke lehlakore o tšehetsoa bakeng sa likarolo tsa bobeli tsa UI, likarohano le mabitso a khutsisitsoeng. Ha oa lokela ho sebelisoa e le 'mala oa mantlha bakeng sa ho ipiletsa ketsong. - Mist Highlight
#a3a3a7— Meeli e poteletseng, likarolo tse arolang, le likarolo tse sa sebetseng tsa ho tsamaea li etsa molumo o sa nke lehlakore o sa bonahaleng o ntseng o hlahella khahlanong le kanavase.
Mongolo oa mongolo
ho tloha ho 12 ho isa ho 88px · mehato e 9
- sans-serif — sebaka: Inter · meralo 400 · sans-serif - e fumanoeng ho data e ntšitsoeng empa e sa hlalosoa ke AI.
- Haffer XH SemiBold — sebaka: Inter Tight · meralo 400, 600 · Mongolo o ka sehloohong bakeng sa pontsho le dihlooho. E sebediswa ka boholo ba 70–88px bakeng sa dihlooho tsa bahale tse nang le sebaka sa ditlhaku sa -0.02em le boima ba 600. Sebaka se sesesaane sa ditlhaku le bophahamo ba ditlhaku tse kgolo di fa dihlooho boima ba ho hlophisa, e leng se etsang hore sebopeho se lefifi se shebahale jwalo ka sekoahelo sa makasine ho feta dashboard. Nkela sebaka ka Inter Tight kapa General Sans ka boima bo boholo.
- Jersey 10 — sebaka: Anybody · meralo 400 · Fonte e kgolo, e kgabisitsweng bakeng sa dinomoro tsa kgatiso le dintlha tse hlahelletseng. E sebediswa hanyane ka boholo bo boholo haholo ho etsa di-admin tsa mongolo. E ka nkeloa sebaka ke Anybody kapa Cabinet Grotesk.
Likheo le sebopeho
| Morero | Moelelo |
|---|---|
| Botenya | karolelano |
| Mohato oa motheo | 10-16px |
| Radiyo ea konopo | 100px |
| Radiyo ya karete | 20px |
| Meriti | meriti e bonolo |
| Pakeng tsa likarolo | 80px |
| Bophara ba leqephe | 1200px |
AI e tla haha websaete ea hau ka setaele sa Superlist 'me e e tlatse
- Tlatsa ka lihlahisoa le lingoliloeng ka sehokelo - Instagram, TikTok, Facebook.
- Fetisetsa dikahare ho tloha sebakeng sa hao sa marang-rang sa kgale—hlalosa aterese feela.
- Moralo oa sejoale-joale enjeneng e ntle ka ho fetisisa: React ( Next.js) ka tlhahiso ea seva le ntlafatso ea SEO ka ho feletseng.
- Ntlafatso ea SEO e iketsahalletseng ka botlalo bakeng sa liphetho tsa lipatlisiso le likhothaletso tsa marang-rang a methapo ea kutlo.
Mekhoa e tšoanang
- DNA — Sehlopha sa ho Lekola Bosiu ba Motšehare joalokaha se bonoa ka lense ea likaroloana
- Abetterlou — Litlhase Letlalong la Saddle - Fonte e mofuthu e boreledi e benyang kgahlanong le bokamorao bo tebileng ba kofi bo botsho, ka dikonopo tsa kgauta e mmala wa amber tse utlwahalang jwalo ka tshepe e chesang e kentsweng leqepheng.
- Galileo-ft — Seteishene sa litaelo sa sebaka se tebileng se nang le matšoao a motlakase a maputsoa
- Decide AI — Sebaka sa ho shebella bosiu - lets'oao la koena
- Redis Agency — Seboka sa ho hlophisa, se bulehileng ka mora dihora tsa mosebetsi, ke sebaka se lefifi haholo moo mosebetsi wohle wa ho hlahisa mabitso o etswang ka difonte tsa serif le radish e le nngwe e kgubedu.
- Spellbook — Lekhotla la bosiu le bonesitsoe ka enke ea likorale—sebaka se lefifi sa bohlophisi moo molumo feela e leng pina e mofuthu ea pene ea lamunu
- Linear — sesebelisoa sa ho nepahala ha bosiu
- Origin Financial — Pokello ea litšoantšo tsa bosiu bo boholo ea leruo le khutsitseng. Kamore e khutsitseng, e batlang e le lefifi moo lifonti tse kholo tsa serif le liphanele tse 'maloa tse mebala e khanyang li hlahisang maikutlo a hore lichelete ke mosebetsi oa bonono o hlophisitsoeng ka hloko.
- Hyperstudio — Moralo o ngotswe ka obsidian. Mongolo le mela e menyenyane di etsa sebaka se sesweu sa botsho bo hlwekileng, ka matshwao a sesupa-tsela a kgauta a bontshang tsela.
- Air — seemahale "Leholimo la Bosiu ka Khalase"
- Raycast — Setsi sa Taelo sa Bosiu, Coral Neon
- dope.security — Seteishene sa bosiu se nang le mabone a pherese