Apple
Kamuri jena rine switch yebhuruu imwe chete
Dhizaini yeApple muenzaniso wekudzora: kanivhasi inenge chena, nzvimbo chena yakakura, uye izwi rebhuruu rimwe chete rinopenya rinoita kuti chiito chega chega chiite sechakaitwa nemaune. Chinangwa chikuru ikunyora—SF Pro, ine miganhu yemavara isina kunaka inoderera nekukura kuri kuwedzera, zvichiita kuti kuve nekujeka kwezvivakwa pasina kurema zvakanyanya. Chigadzirwa NDIYO dhizaini: mapikicha makuru ezvigadzirwa nemifananidzo yemararamiro anotonga, nepo zvinhu zvechrome zvichidzokera mumafuremu matete, kufamba kwakajeka, uye mitsetse midiki. Zvikamu zvinochinjana zvichienderana neshure rakajeka regrey rine mavara akazara ezvigadzirwa zvekusimudzira, zvichigadzira rhythm kuburikidza nekuchinja kwehukuru pane zvinhu zvekushongedza.
Kurongeka kwepeji ipeji rakafara chose risina upamhi hwakatarwa hwechirongo—zvikamu zvinotambanudzwa kusvika kumucheto, nemavara akatarwa ari pakati pe980px. Navigation ibar imwe chete, yakafambwa yepasi rose ine imwe subfolder yechigadzirwa chimwe nechimwe chinoonekwa pa scroll. Kurongeka kukuru kunogara kuri pakati: zita guru rechigadzirwa, mutsetse wemutsetse mumwe chete, mabhatani maviri emapiritsi, uye mufananidzo wechigadzirwa unozadza nzvimbo yasara yekutarira. Zvikamu zvakatarwa zvakatwasuka zvine mutinhimira wakakura (64px+ pakati pezvikamu), zvichichinjana #f5f5f7 uye mifananidzo yekumashure ine mavara. Peji repasi imutsara mumwe chete wakataramuka wemakadhi ebasa akafara chose (Apple TV+, Fitness+, Music, Arcade), rimwe nerimwe rine bhokisi remifananidzo rine rugwaro rwepamusoro nebhatani repiritsi. Hapana ma sidebar, hapana marongero ezvinyorwa zvemakoramu akawanda, hapana magadzirirwo asina kufanana—zvese zviri pakati, zvakatarwa, uye zvakaenzana.
Mifananidzo ndiyo mutauro unonyanya kushandiswa pakuona. Mifananidzo yechigadzirwa inotorwa yakatariswa neruvara ruchena kana kuti grey rakapfava, pasina mamiriro ezvinhu—chishandiso CHINONZI nyeredzi, chakaparadzaniswa uye chakavhenekerwa. Mifananidzo yemararamiro inoratidzwa mumabhena akafara, kazhinji nezvinhu zvakachekwa zvakasimba. Magradients emavara (bhuruu rakapfava, pingi, girini) anoshanda semusana wezvikamu zvechigadzirwa, kwete sekushongedza. Mifananidzo yacho midiki uye yakavakirwa pamitsara, ukobvu hwe1-2px, mugreyscale yakafanana nerugwaro. Hapana mifananidzo, hapana mifananidzo isina kujairika, hapana mifananidzo ye3D, kunze kwemifananidzo yechigadzirwa pachayo.
Palette
Rudzi
- Apple Blue
#0071e3— Mabhatani ekuita akazadzwa, mamiriro akasarudzwa - ndiyo chete ruvara rwechromatic runoshandiswa zvishoma kuti chitarisiko chega chega chive nerevo. - Link Blue
#0066cc— Miganhu yezviito yakaratidzwa, zvinongedzo zvakaiswa mukati - ruvara rwakazara kupfuura Apple Blue runoshandiswa apo piritsi rakazara rinenge rakanyanya kupenya. - Signal Blue
#2997ff— Mafuremu ekushongedza, marongerwo emifananidzo, miganhu yezviratidzo - ruvara rwebhuruu rwakanyanya kupenya muhurongwa, rwunoshandiswa pamamiriro ekunze kwete pakutaurirana kwevashandisi.
Kwakarerekera
- Carbon
#1d1d1f— Rugwaro rukuru, miganhu yemusoro, mitsetse yekufambisa, miganhu yemakadhi - ruvara rweinki rwakanyanya runenge rutema uye rune kakudziya kadiki. - Frost
#f5f5f7— Kanivhasi yepeji, kumashure kwechinyorwa chikuru, uye pamusoro pechifukidziro chepasi pechiso zvakaita segrey rakareruka reApple, zvinotonhorera zvishoma pane chena chaiyo. - Ice
#f4f8fb— Kuzadza kwenzvimbo kunoratidza ruzha, mavara asina kujeka, mavara ane mabhatani ari kumashure kwerima—ruvara rwebhuruu rusina kujeka runopa hupenyu chikamu chacho pasina kuita kuti chionekwe sechinoshamisa. - Smoke
#333333— Rugwaro rwechipiri, kuzara kwekufamba, miganhu yemabhatani - Ruvara rwakasununguka rwemiganhu nemaicon anoda kupinza zvakanyanya kupfuura grey yepakati. - Graphite
#474747— Rugwaro rwekufamba, miganhu yekufamba, miganhu yekubatanidza - iri pakati peKabhoni neUtsi muhurongwa hwezvinhu. - Ash
#707070— Rugwaro rwekumucheto, miganhu yerondedzero, miganhu yekufamba, rugwaro rwemuviri rwakadzimwa - Ruvara rwegirini rwepakati rwezviri mukati zvinofanira kunge zviripo asi zvisiri pachena.
Kunyora
kubva pa12 kusvika pa56px · 8 matanho
- SF Pro Display — kutsiva: Inter · marongero 400, 600, 700 · Misoro yenhau nemavara makuru—40px+ saizi dzinoshandisa fomati yekuratidzwa kuti pave neaperture yakamanikana uye kuteverwa kwakasimba kwenegative; 700 yakachengeterwa marongero ekushambadzira, uye 400 ndeyemazita ezvigadzirwa mune zvemukati zvekunyora.
- SF Pro Text — kutsiva: Inter · marongero 300, 400, 600 · Rugwaro rwemuviri, kufamba, mabhatani, misoro midiki — fonti iri kushanda; 400 yerugwaro rwemuviri, 300 yemisoro midiki uye mavara akakodzera, 600 yezvikamu zvekufamba uye rugwaro rwemabhatani; nzvimbo yemavara asina kunaka inoderera zvichienderana nehukuru (kubva pa -0.022em kusvika 12px kusvika -0.01em kusvika 44px).
Zvikamu uye chimiro
| Chinangwa | Zvinoreva |
|---|---|
| Kuwanda kwevanhu | avhareji |
| Danho rekutanga | 12px |
| Radiyo yebhatani | 980px |
| Nharaunda yekadhi | 8px |
| Mimvuri | kwete - miganhu panzvimbo pemumvuri |
| Pakati pezvikamu | 64px |
| Upamhi hwepeji | 1440px |
AI ichavaka webhusaiti yako nenzira ye Apple uye ichaizadza
- Zadza nezvigadzirwa uye zvinyorwa uchishandisa chinongedzo - Instagram, TikTok, Facebook.
- Tumira zvirimo kubva pawebsite yako yekare—ingo taura kero yacho.
- Dhizaini yemazuva ano painjini yakanakisisa: React ( Next.js) ine server rendering uye SEO optimization zviri nyore.
- Kugadzirisa SEO otomatiki zvizere kuti uwane mhinduro dzekutsvaga uye mazano e neural network.
Mafashoni akafanana
- Ui — chirongwa chekiriniki papepa risina kusimba
- ElevenLabs — Rondedzero yemifananidzo ine mavara anodziya ane misoro midiki. Bhuku rekunyorera rakagadzirwa seBauhaus—pepa rine ruvara rwegoko remazai, inki nhema, uye ruvara rwepepuru neorenji chete rwekuratidzwa kwechigadzirwa.
- monopo saigon — Kupenya kwemvura, kunopenya kuseri kwekunyarara kwekunyora—mufananidzo wekunyora wemonochrome wakayangarara pachiedza chakanyungudutswa
- Awesomic — Mesh ye zinc ine zviratidzo zveorenji zvinoyeuchidza nezve confetti
- Monad — magazini yehunyanzvi yekunyora pamusoro peganda rinodziya
- Dub — Panera rekudzora repepa remupunga rakagadzirwa neLink
- Seline Analytics — Tafura yekuongorora yakanyarara papepa rinodziya
- Ventriloc — Ongororo yezvinyorwa yedata riri papepa rinodziya - jira reorenji rimwe chete rinoratidza kunyatsojeka kwemonochrome
- Duolingo — Mascot ekirasi anotamba ari papepa jena
- Stripe — Bhuku reakaunti rakanyorwa neingi ye indigo pagirazi rakachekwa nechando
- Notion — Bhuku rekunyorera rinodziya muzuva remasikati
- Hyer Aviation — Kusviba kwemutyairi wendege pamusoro peganda. Denga remambakwedza rakachenuruka rinosangana nechiratidzo che serif chakaenzana ne fuselage, uye izwi rimwe chete revhu rinodziya rinopwanya chivharo che monochrome.