Apple

Paleta

Tatak

• Apple Blue #0071e3 — Mga napunong action button, mga piling estado - ang tanging interactive na kulay kromatiko na ginamit nang matipid upang gawing makabuluhan ang bawat anyo.
• Link Blue #0066cc — Mga naka-highlight na action border, mga naka-embed na link - isang mas puspos na kulay kaysa sa Apple Blue ang ginagamit kung saan ang isang puno na tablet ay magiging masyadong magarbo.
• Signal Blue #2997ff — Mga pandekorasyon na frame, mga balangkas ng imahe, mga hangganan ng icon - ang pinakamaliwanag na asul na kulay sa sistema, ginagamit para sa kapaligiran sa halip na para sa pakikipag-ugnayan ng gumagamit.

Neutral

• Carbon #1d1d1f — Ang pangunahing teksto, mga hangganan ng heading, mga linya ng nabigasyon, mga hangganan ng card - ang nangingibabaw na kulay ng tinta ay halos itim na may kaunting pahiwatig ng init.
• Frost #f5f5f7 — Ang canvas ng pahina, pangunahing background ng teksto, at ibabaw ng footer ay ang signature light gray ng Apple, medyo mas malamig kaysa sa purong puti.
• Ice #f4f8fb — Mga makahulugang pagpuno sa ibabaw, mga banayad na kulay, teksto ng mga butones sa isang madilim na background—isang banayad na asul na kulay na nagbibigay-buhay sa seksyon nang hindi ito ginagawang kapansin-pansin.
• Smoke #333333 — Pangalawang teksto, pagpuno ng nabigasyon, mga hangganan ng buton - Isang maraming gamit na neutral na kulay para sa mga hangganan at mga icon na nangangailangan ng mas maraming lambot kaysa sa katamtamang kulay abo.
• Graphite #474747 — Teksto ng nabigasyon, mga hangganan ng nabigasyon, mga hangganan ng link - sumasakop sa isang pansamantalang posisyon sa pagitan ng Carbon at Usok sa hirarkiya ng elemento.
• Ash #707070 — Teksto ng footer, mga hangganan ng listahan, mga hangganan ng nabigasyon, naka-mute na teksto ng katawan - Isang katamtamang kulay abo para sa nilalamang kailangang naroroon ngunit hindi kitang-kita.

Tipograpiya

mula 12 hanggang 56px · 8 hakbang

• SF Pro Display — kapalit: Inter · mga balangkas 400, 600, 700 · Mga headline at malalaking teksto—ang mga laki na 40px+ ay gumagamit ng format ng display para sa mas makitid na aperture at mas malakas na negative tracking; ang 700 ay nakalaan para sa mga layout ng advertising, at ang 400 ay para sa mga pangalan ng produkto sa nilalamang editoryal.
• SF Pro Text — kapalit: Inter · mga balangkas 300, 400, 600 · Body text, nabigasyon, mga buton, mga subheading — gumaganang font; 400 para sa body text, 300 para sa mga subheading at mga kwalipikadong label, 600 para sa mga elemento ng nabigasyon at buton; ang pagitan ng mga negatibong letra ay bumababa nang proporsyonal sa laki (mula -0.022em hanggang 12px hanggang -0.01em hanggang 44px).

Mga pagitan at anyo

Mga katulad na estilo

• Studio — Isang gumagalaw na gallery wall. Ang bawat screen ay kumakatawan sa isang tahimik, kulay abong ibabaw ng eksibisyon kung saan ang mga materyales sa tipograpiya at magkakapatong na mga malikhaing gawa ay nagpapaligsahan para sa atensyon.
• Mollie — Isang cashmere counter, isang madilim na ledger. Mag-iwan ng sapat na puting espasyo para sa disenyo ng editoryal sa paligid ng itim na teksto, pagkatapos ay pagtibayin ang mga puntong may kaugnayan sa produkto gamit ang mga maligamgam na krema, espresso browns, at mga larawan ng aktwal na paraan ng pagbabayad na maaaring hawakan.
• Basis Theory — Mga terminal ng pagbabayad sa studio ng disenyo. Puting teknikal na papel, magkakapatong na translucent na mga layer ng transaksyon, at isang turkesang elemento ng kontrol ang tumutukoy sa biswal na direksyon.
• CleanShot X — Isang studio na may asul na desktop. Gumawa ng tahimik na puting espasyo sa paligid ng siksik at itim na teksto, pagkatapos ay hayaang maging sentro ng atensyon ang mga matingkad na asul na kontrol at mga naka-layer na larawan ng produkto ng Mac.
• Modern Treasury — Isang treasury ledger sa graph paper. Gumawa ng mga pahina na parang isang tahimik at puting operating sheet, kung saan ipinapakita ang mga daloy ng pera na may mga pinong linya, mga node na may label, at tumpak at nakatagong mga kontrol.
• Basha-Franklin — Isang gallery grid sa ilalim ng puting lintel. Gumamit ng mainit na kulay #f4ede6, isang banayad na itim na istraktura, at mga asymmetrical na haligi batay sa mga litrato na mukhang isang naka-print na portfolio ng arkitektura.
• Bajgart Office — Pader ng gallery ng editoryal. Gumamit ng malaking puting espasyo kung saan ang mga banayad na serif font at mga piraso ng portfolio ay mas may biswal na bigat kaysa sa mga elemento ng interface na may chrome plate.
• Heptabase — Isang mesa na naliliwanagan ng araw. Ang mainit at mala-papel na mga ibabaw, mga kontrol na kulay uling, at mga lumulutang na bintana para sa pananaliksik ay lumilikha ng pakiramdam ng isang organisadong workspace sa halip na isang software control panel.
• Bejamas — Mga pajama—asidong dayap na tumatagos sa itim na salamin. Lumikha ng kalmado, mapusyaw na kulay abong mga pahina ng editoryal na naputol ng mga nakabibighaning itim na panel kung saan ang malabong berdeng guhit ng liwanag ay nagtatagpo sa ibabaw.
• Baba — Mga tala ng pangangalaga sa ilalim ng pulang sikat ng araw. Gumawa ng malalapad na pulang guhit na nagsasalaysay sa paligid ng matingkad na puti, rosas, at kremang mga ibabaw na may impormasyon, gamit ang mga litrato ng mga tao bilang emosyonal na sentro.
• Grafana Labs — Ang control room ng Sunrise Signal Station. Ang tahimik na kulay gray-and-white na workspace ay pinagsasama ang malawak at apat na kulay na horizon gradient at tumpak na asul na interface signals.
• Kagi — Isang hiwalay na silid-basahan. Gumawa ng bukas na puting espasyo sa paligid ng naka-bold na grapayt na teksto, gamit ang mga banayad na lilang accent at mainit na pastel na ibabaw upang basagin ang katahimikan.

Katalogo ng mga estilo ayon sa kategorya