diff --git a/.github/brand/brand.lock.json b/.github/brand/brand.lock.json index 8a7ae68..f6a1c0c 100644 --- a/.github/brand/brand.lock.json +++ b/.github/brand/brand.lock.json @@ -1,11 +1,11 @@ { "schema_version": 2, "authority": "https://github.com/computer-mcp/.github", - "revision": "9042c987ef8b3482f63e3a037ae0d0d2fdeffb9a7768c03295c9a6a6c5a43ae2", + "revision": "2d9913a442afcb22faca90f5272d3988eb961be6e858b71c5067303cf7c627d6", "consumer": ".github", "files": { - "profile/brand/header-light.png": "821b9c5a2ad1a821acef6ffd9d035d3d856b17314f0bd9adb863ce77b52060f2", - "profile/brand/header-dark.png": "b30d267454684a4c800821168df9363760a8f417cc757b5dd9ad70585dab54c8", + "profile/brand/header-light.png": "be4f591070fe6092bb39882e5ebe562b87cb0171ac3ad8df81109b6a6558a86c", + "profile/brand/header-dark.png": "38b4e4ce42cb440e658fe837899575da34761766b909482ef5a185a12251b841", "profile/brand/avatar.png": "77ca83dfdb62ee78aebb8f4d94f0dfea7037ebde10285e1dbcec7dfc4867723e" }, "entries": { diff --git a/Brand/Exports/headers/apple-cli-dark.png b/Brand/Exports/headers/apple-cli-dark.png index 08524d3..de8a2f4 100644 Binary files a/Brand/Exports/headers/apple-cli-dark.png and b/Brand/Exports/headers/apple-cli-dark.png differ diff --git a/Brand/Exports/headers/apple-cli-light.png b/Brand/Exports/headers/apple-cli-light.png index 3524c59..05a5858 100644 Binary files a/Brand/Exports/headers/apple-cli-light.png and b/Brand/Exports/headers/apple-cli-light.png differ diff --git a/Brand/Exports/headers/computer-mcp-dark.png b/Brand/Exports/headers/computer-mcp-dark.png index fb210e6..3bc43a3 100644 Binary files a/Brand/Exports/headers/computer-mcp-dark.png and b/Brand/Exports/headers/computer-mcp-dark.png differ diff --git a/Brand/Exports/headers/computer-mcp-light.png b/Brand/Exports/headers/computer-mcp-light.png index b911ef2..ca14a21 100644 Binary files a/Brand/Exports/headers/computer-mcp-light.png and b/Brand/Exports/headers/computer-mcp-light.png differ diff --git a/Brand/Exports/headers/computer-mcp-zh-CN-dark.png b/Brand/Exports/headers/computer-mcp-zh-CN-dark.png index 551c4ed..7735544 100644 Binary files a/Brand/Exports/headers/computer-mcp-zh-CN-dark.png and b/Brand/Exports/headers/computer-mcp-zh-CN-dark.png differ diff --git a/Brand/Exports/headers/computer-mcp-zh-CN-light.png b/Brand/Exports/headers/computer-mcp-zh-CN-light.png index 8070449..e98ae03 100644 Binary files a/Brand/Exports/headers/computer-mcp-zh-CN-light.png and b/Brand/Exports/headers/computer-mcp-zh-CN-light.png differ diff --git a/Brand/Exports/headers/homebrew-tap-dark.png b/Brand/Exports/headers/homebrew-tap-dark.png index 1fd404f..ac4515b 100644 Binary files a/Brand/Exports/headers/homebrew-tap-dark.png and b/Brand/Exports/headers/homebrew-tap-dark.png differ diff --git a/Brand/Exports/headers/homebrew-tap-light.png b/Brand/Exports/headers/homebrew-tap-light.png index 5d55185..8a2b4a4 100644 Binary files a/Brand/Exports/headers/homebrew-tap-light.png and b/Brand/Exports/headers/homebrew-tap-light.png differ diff --git a/Brand/Exports/headers/plugin-claude-dark.png b/Brand/Exports/headers/plugin-claude-dark.png index c5bcc18..17a0a8f 100644 Binary files a/Brand/Exports/headers/plugin-claude-dark.png and b/Brand/Exports/headers/plugin-claude-dark.png differ diff --git a/Brand/Exports/headers/plugin-claude-light.png b/Brand/Exports/headers/plugin-claude-light.png index 1b162f0..2376fb9 100644 Binary files a/Brand/Exports/headers/plugin-claude-light.png and b/Brand/Exports/headers/plugin-claude-light.png differ diff --git a/Brand/Exports/headers/plugin-codex-dark.png b/Brand/Exports/headers/plugin-codex-dark.png index 61c4bb4..b58f370 100644 Binary files a/Brand/Exports/headers/plugin-codex-dark.png and b/Brand/Exports/headers/plugin-codex-dark.png differ diff --git a/Brand/Exports/headers/plugin-codex-light.png b/Brand/Exports/headers/plugin-codex-light.png index 3e370d5..5fe5dfc 100644 Binary files a/Brand/Exports/headers/plugin-codex-light.png and b/Brand/Exports/headers/plugin-codex-light.png differ diff --git a/Brand/Exports/headers/plugin-computer-use-dark.png b/Brand/Exports/headers/plugin-computer-use-dark.png index cea175b..b438aa8 100644 Binary files a/Brand/Exports/headers/plugin-computer-use-dark.png and b/Brand/Exports/headers/plugin-computer-use-dark.png differ diff --git a/Brand/Exports/headers/plugin-computer-use-light.png b/Brand/Exports/headers/plugin-computer-use-light.png index 13602e0..136cc8a 100644 Binary files a/Brand/Exports/headers/plugin-computer-use-light.png and b/Brand/Exports/headers/plugin-computer-use-light.png differ diff --git a/Brand/Exports/headers/plugin-cursor-dark.png b/Brand/Exports/headers/plugin-cursor-dark.png index 635a18a..0c2d183 100644 Binary files a/Brand/Exports/headers/plugin-cursor-dark.png and b/Brand/Exports/headers/plugin-cursor-dark.png differ diff --git a/Brand/Exports/headers/plugin-cursor-light.png b/Brand/Exports/headers/plugin-cursor-light.png index 94c85bf..da39fe0 100644 Binary files a/Brand/Exports/headers/plugin-cursor-light.png and b/Brand/Exports/headers/plugin-cursor-light.png differ diff --git a/Brand/Exports/headers/plugin-swift-format-dark.png b/Brand/Exports/headers/plugin-swift-format-dark.png index f261da9..7f9ca89 100644 Binary files a/Brand/Exports/headers/plugin-swift-format-dark.png and b/Brand/Exports/headers/plugin-swift-format-dark.png differ diff --git a/Brand/Exports/headers/plugin-swift-format-light.png b/Brand/Exports/headers/plugin-swift-format-light.png index bb11ddc..2ea0c8c 100644 Binary files a/Brand/Exports/headers/plugin-swift-format-light.png and b/Brand/Exports/headers/plugin-swift-format-light.png differ diff --git a/Brand/Exports/headers/plugin-trae-dark.png b/Brand/Exports/headers/plugin-trae-dark.png index 431b9cc..fbcfe63 100644 Binary files a/Brand/Exports/headers/plugin-trae-dark.png and b/Brand/Exports/headers/plugin-trae-dark.png differ diff --git a/Brand/Exports/headers/plugin-trae-light.png b/Brand/Exports/headers/plugin-trae-light.png index 3484081..1684c9a 100644 Binary files a/Brand/Exports/headers/plugin-trae-light.png and b/Brand/Exports/headers/plugin-trae-light.png differ diff --git a/Brand/Exports/manifest.json b/Brand/Exports/manifest.json index cbff65b..b7b03ee 100644 --- a/Brand/Exports/manifest.json +++ b/Brand/Exports/manifest.json @@ -1,10 +1,10 @@ { "schema_version": 1, "inputs": { - "DESIGN.md": "baf0318de7b9fb5e9b24d9201e806ec9545dc526e3c79197dcfa0e83f0ddf220", - "Brand/config.json": "e116853724002cc2e1dbfbe4e092cf26d4922e11b51911408307fb47379443e5", + "DESIGN.md": "07981cdc584fda8b9fe489cf270592f90a9d5ac61ee8396218f442b85588ed07", + "Brand/config.json": "ca4a7ec80be9ce04b8570919314cb8476ffcb8c905e81348df4c77a95108b455", "Brand/icons.mjs": "1c3676dcdc5fdcaf81daa096dc61a536be2f02704748d3c02bda918fb26cb97d", - "Brand/render.mjs": "a8927cab0db45f9326f353fba40ea3bcbb326b6a0508a53b7e3bafbbe7d14dc4", + "Brand/render.mjs": "72fed35cca491cacac07cc69e70ca69fa29cf61b7f906e7c52eae650fbaa52db", "Brand/package.json": "c5d5e11a37021178ac682ce2fd64a2f55dc4dfe4f333b64f0079cb1ef54686cd", "Brand/package-lock.json": "20c5a9a8deb540da6cd2a0bbce74c944c80436b770268b0a84938058b483c169" }, @@ -23,26 +23,26 @@ "app/AppIcon.icon/icon.json": "e2238e493bc3d2e98bc9a170a3eca4344f0cdf55eca84d4a770c1fe3c0b8938b", "app/app-icon.png": "ed23a2ad2a16095442ee0f3df4105ebec08879b4e15b57a435644121271ff7b4", "app/app-icon.svg": "28250027a8aeafb3ec79defabd89d2279c4329fd2fd64cfc923b8803a78416f9", - "headers/apple-cli-dark.png": "9311a9d29c431d8b425b920c6fdcf8b1317aac4a639ca8dd8d6a75bfba583bde", - "headers/apple-cli-light.png": "b444099bff55964716df590a49681763dd681eb750baea9e9bf053303b58978f", - "headers/computer-mcp-dark.png": "b30d267454684a4c800821168df9363760a8f417cc757b5dd9ad70585dab54c8", - "headers/computer-mcp-light.png": "821b9c5a2ad1a821acef6ffd9d035d3d856b17314f0bd9adb863ce77b52060f2", - "headers/computer-mcp-zh-CN-dark.png": "b631914aef6e30fb7caf9f1a7f05192fd1e5b0aa2a9e84dc910179f359e2da8e", - "headers/computer-mcp-zh-CN-light.png": "4f70ca3454324618a977359e9c07075912536197174d8ec337b95f8fee1e4f95", - "headers/homebrew-tap-dark.png": "bca6ee19a77e5561f13d5577a5c9df0a8683b721c552bc0f1e463e79ca1e9883", - "headers/homebrew-tap-light.png": "bf460d272c93a344a75e2a7126d1b192647cea6ce93ea633abd20c33b76e4e57", - "headers/plugin-claude-dark.png": "8e4b150d5412b80d1cd8d2041fef8e65445182c8425fd101ab6890a365ff96a6", - "headers/plugin-claude-light.png": "f63192e4d181c89e5f924f4610899d7337db59f282b3e43c40b0c661e1341d56", - "headers/plugin-codex-dark.png": "bc8b554857fe1575cdf4336a9172e2706db6f2972ff13d5f82e69ea8a1437e38", - "headers/plugin-codex-light.png": "e2ad79795e34e787d8cc82d24bbdcd35b4ea380f653a22410d558d2d04fcd26d", - "headers/plugin-computer-use-dark.png": "77c8aba3ebf38c68d590d5cc282675d8da2490b5eef00aef4f9c50d37ba5bbe1", - "headers/plugin-computer-use-light.png": "dbb314cd38cd6c3b8380c4cfb0c8a77dd1e8e823e77f0c60d3dfea0cfe49ef2e", - "headers/plugin-cursor-dark.png": "4a57d464aae1bdc9b75a49281db9ac018812be6d2895ade024e8cb2220e2e9c9", - "headers/plugin-cursor-light.png": "7f82d3cb1cc61c0f9022356507e94eb92102469299837d0f54ce481daa7a7590", - "headers/plugin-swift-format-dark.png": "74aaa016e143429649fde342ce0bbbb3421dff8fb3ec94b26d435812b893bf00", - "headers/plugin-swift-format-light.png": "089dc399a4c82f97cc3a084f9d1f5b42cc68f853abb925ad914357aadc1cb46e", - "headers/plugin-trae-dark.png": "c6873b2f0a1553fb390d9d3a09d2fce3afd9bad13f756b769161ad69f6c47663", - "headers/plugin-trae-light.png": "a659bde021a2fbf1fb8a21c653cbe878469b86534000926ee36ce7893270fec3", + "headers/apple-cli-dark.png": "ad3fcc36c67496bf610c918fceb171f95f268f42f6dfefccea7991b6a1a0fee6", + "headers/apple-cli-light.png": "eb39f3783529e1d74d1f5d7ed95fd008014b8a6af27369aa2cffbd5976935edb", + "headers/computer-mcp-dark.png": "38b4e4ce42cb440e658fe837899575da34761766b909482ef5a185a12251b841", + "headers/computer-mcp-light.png": "be4f591070fe6092bb39882e5ebe562b87cb0171ac3ad8df81109b6a6558a86c", + "headers/computer-mcp-zh-CN-dark.png": "08d8f006bf3e1eefcbb13627fdf5ab024c164f92b978dc8019ccd8af9bded15c", + "headers/computer-mcp-zh-CN-light.png": "c72c89c9abc2ee4668220cd33c6192da93dbf31a747151814010acab9b2f1430", + "headers/homebrew-tap-dark.png": "8a5ebf11564760a1bdab38760be886f2749cab6154f5930013eb34e5710db6cf", + "headers/homebrew-tap-light.png": "787c2458bfdb9b0a05934d85881458ed8dfb91e1599cf55b776dba6b5e56390c", + "headers/plugin-claude-dark.png": "2e68e1fc465ca83e294da806e8ec8a455fceeeefd598beda27c08a720bab80b5", + "headers/plugin-claude-light.png": "03277261db524124c7779e7ce7108d82265f0c19a3ea1934066b688bb0a89306", + "headers/plugin-codex-dark.png": "96ecb466a74b98e236197e3601b5c37118b4cdb3e5cb1d2322c2e45bb2fce7d0", + "headers/plugin-codex-light.png": "8ff8b0fa648a3e6c9b8e89626a14de9fcfc49eaa8fbe562253329f1d16228674", + "headers/plugin-computer-use-dark.png": "38ed51e1ebeefadf2ff1c7dce4a387738bffae38eeb53bddc38fc484dedc9559", + "headers/plugin-computer-use-light.png": "25ff7aa6d8201d288ee575f5e90fdfe104c10d2c7f1b66e6cfa35a7b04f97b65", + "headers/plugin-cursor-dark.png": "69bdf7c5db793000ffcf735009974f81b8f7e31796e46f68f5652163ba286e55", + "headers/plugin-cursor-light.png": "161f150204a11469dbba6801f4d78dc907b1356ca378d972f6a0edbdf51b740c", + "headers/plugin-swift-format-dark.png": "ab670577f37e1e2eacef7b5d9973b51ebe536dbd585f3aa6dd380e3c6eb36129", + "headers/plugin-swift-format-light.png": "df3dc66b262d521640b2e11f8ee85d210e53a7f823136f65a7e197be288e5d4a", + "headers/plugin-trae-dark.png": "ac62b8502b9c2525da42430274f24a54b3a01fe8dd37d101fb8baf80f368bb7e", + "headers/plugin-trae-light.png": "e8caada6cf01f275305f57e11c10606c360314c7bd3b0d1be7bce18e3a4667b9", "icons/apple-cli.png": "cabccf5167115edfc1416f307c15981b03c9cf187b61bcb4fde4182055ac7a3b", "icons/apple-cli.svg": "e98242d30635e488f7ecda934f1738901aea3b8355dde81a72536081c224fbcd", "icons/computer-mcp.png": "0918c571f34c062525ef1b394de58e93be24881d75bea17424706781cf814a45", @@ -61,16 +61,16 @@ "icons/plugin-swift-format.svg": "13c00eb123261f16af3af6af58dc6e4c1e94575c4a48440127eee38ded5b5e17", "icons/plugin-trae.png": "4fcc64743ea68cba601c292315ef547af997b19afe50e60215588623832849d7", "icons/plugin-trae.svg": "2ad5ea06b14a2347536bdb466afdc82b8ac0d24383e80b789c0205212216bf07", - "social/apple-cli.png": "366973793e6c0acaebb17e220584debbe0e30c1becad46840907a0a9f6760ad9", - "social/computer-mcp-zh-CN.png": "ec008afcda87f8bc5957eb45060072a317d5f09b380ba896186f8a965bca7f00", - "social/computer-mcp.png": "2dcb1c201e9ae2d6358b2d893c315d4291f28597eea5753bda7d26a101cbb93d", - "social/homebrew-tap.png": "01d23132970544b6cb6c8ce63beba18dcd391c378008e43546f209d46f32dc8f", - "social/plugin-claude.png": "061bb78aae4b3674405b9171cb12bb9629cdab8294adcfe3a2616fdfbbe62a5d", - "social/plugin-codex.png": "2f54174a04b8dce5d6e91dc1993a6feb3c1c6ce526e128a489ea7400a885244e", - "social/plugin-computer-use.png": "0cca2a44001469447b8181142a99aa2201e36eb53c5aeb9be8ab0d934f5c40d7", - "social/plugin-cursor.png": "f78f168aa4708b12dd4e459fd15627c3d113e8895b04ab6a36104bd60378042e", - "social/plugin-swift-format.png": "78e865927db09872f89cfb85c3a67fe40e46cf6f5668feca686e923d664a55a6", - "social/plugin-trae.png": "421703eb8143a887270b9383972474efecfcf8cc07d0b7f1be160822d4c4f55c", + "social/apple-cli.png": "159a4e33130225d3feab7a6a7560ad932d4046c3d2c301e38d5cb9532b9bd5a1", + "social/computer-mcp-zh-CN.png": "7f5b90e73ec27078796db3e20b339d850cb0afb24bdb17d738d26ce185ccc744", + "social/computer-mcp.png": "574a4ddb9e0787880af0db87a611e81f101280cf0588176ffcdbf15d303e4c69", + "social/homebrew-tap.png": "40d5358c08c7c1f19ce0072fefde731330ff46d8656ac01dc7ed8a54cf6a5996", + "social/plugin-claude.png": "287ac8ebf4123e90fc75487fc68c4a8e819847db3bb87fe46710453d1aacf94d", + "social/plugin-codex.png": "3d3ce9c8a276fb698dd9fe5f876bdb83f8badf7da2a1e1129b5dc4711a9c96c1", + "social/plugin-computer-use.png": "c5290a1b0895e351f38f21ef7dd2a6b304053bc4bb02bd408495b852aca8babb", + "social/plugin-cursor.png": "5d727385c06ab5084b65311e1c4183eaefd434cce9f2773829484bf400b17222", + "social/plugin-swift-format.png": "0670f9bc4c04ed705b45190654cefd04a43d986d4821ea4def1c472546694665", + "social/plugin-trae.png": "8963d6081afa455c5f0f95553f73c8498071dfbf5b8dafee2575a3f30159671f", "web/apple-touch-icon.png": "198e9dfabecc73bfcc2608cb0ff963694e0811bbfa23337cadcfd7a4da38e0af", "web/avatar.png": "77ca83dfdb62ee78aebb8f4d94f0dfea7037ebde10285e1dbcec7dfc4867723e", "web/favicon-32.png": "50ca36c37a8b480d4081fd4bcb7b9fdc1be10272ca8e51f554adcf343999900f", diff --git a/Brand/Exports/social/apple-cli.png b/Brand/Exports/social/apple-cli.png index 605f7ef..a693aee 100644 Binary files a/Brand/Exports/social/apple-cli.png and b/Brand/Exports/social/apple-cli.png differ diff --git a/Brand/Exports/social/computer-mcp-zh-CN.png b/Brand/Exports/social/computer-mcp-zh-CN.png index f044453..5cf345f 100644 Binary files a/Brand/Exports/social/computer-mcp-zh-CN.png and b/Brand/Exports/social/computer-mcp-zh-CN.png differ diff --git a/Brand/Exports/social/computer-mcp.png b/Brand/Exports/social/computer-mcp.png index 7d8a4d6..e2f32e5 100644 Binary files a/Brand/Exports/social/computer-mcp.png and b/Brand/Exports/social/computer-mcp.png differ diff --git a/Brand/Exports/social/homebrew-tap.png b/Brand/Exports/social/homebrew-tap.png index 20c76c5..3b85597 100644 Binary files a/Brand/Exports/social/homebrew-tap.png and b/Brand/Exports/social/homebrew-tap.png differ diff --git a/Brand/Exports/social/plugin-claude.png b/Brand/Exports/social/plugin-claude.png index e467c92..1e95269 100644 Binary files a/Brand/Exports/social/plugin-claude.png and b/Brand/Exports/social/plugin-claude.png differ diff --git a/Brand/Exports/social/plugin-codex.png b/Brand/Exports/social/plugin-codex.png index b99062a..ae58cc5 100644 Binary files a/Brand/Exports/social/plugin-codex.png and b/Brand/Exports/social/plugin-codex.png differ diff --git a/Brand/Exports/social/plugin-computer-use.png b/Brand/Exports/social/plugin-computer-use.png index a22d42e..375ecbc 100644 Binary files a/Brand/Exports/social/plugin-computer-use.png and b/Brand/Exports/social/plugin-computer-use.png differ diff --git a/Brand/Exports/social/plugin-cursor.png b/Brand/Exports/social/plugin-cursor.png index 81cc5b7..66e6ecb 100644 Binary files a/Brand/Exports/social/plugin-cursor.png and b/Brand/Exports/social/plugin-cursor.png differ diff --git a/Brand/Exports/social/plugin-swift-format.png b/Brand/Exports/social/plugin-swift-format.png index a87ed13..bd56802 100644 Binary files a/Brand/Exports/social/plugin-swift-format.png and b/Brand/Exports/social/plugin-swift-format.png differ diff --git a/Brand/Exports/social/plugin-trae.png b/Brand/Exports/social/plugin-trae.png index b043291..b245d14 100644 Binary files a/Brand/Exports/social/plugin-trae.png and b/Brand/Exports/social/plugin-trae.png differ diff --git a/Brand/config.json b/Brand/config.json index 31f0991..b596b29 100644 --- a/Brand/config.json +++ b/Brand/config.json @@ -3,10 +3,10 @@ "authority": "https://github.com/computer-mcp/.github", "fonts": [ { - "family": "Bricolage Grotesque", - "weight": "200 800", - "url": "https://raw.githubusercontent.com/google/fonts/9710da1eacb3be272583c3224dcb70f9da6eadbb/ofl/bricolagegrotesque/BricolageGrotesque%5Bopsz%2Cwdth%2Cwght%5D.ttf", - "sha256": "413e7357809ddd12fd80a96a8a396de0e401638d4acd3cb3e37532f0472ac682" + "family": "Inter", + "weight": "100 900", + "url": "https://raw.githubusercontent.com/google/fonts/9710da1eacb3be272583c3224dcb70f9da6eadbb/ofl/inter/Inter%5Bopsz%2Cwght%5D.ttf", + "sha256": "29160a80ff49ddcab2c97711247e08b1fab27a484a329ce8b813d820dc559031" }, { "family": "JetBrains Mono", diff --git a/Brand/render.mjs b/Brand/render.mjs index 05eac42..21bdbf2 100644 --- a/Brand/render.mjs +++ b/Brand/render.mjs @@ -78,10 +78,10 @@ ${css} // Planes offset up and to the right; front is the top-right plane. function stack(p, { x, y, w, h, off }, labels = {}, front = '') { - const label = `display:flex;align-items:flex-end;padding:0 18px 12px;${typo('label-md', { letterSpacing: '0.03em' })};white-space:nowrap`; + const label = (role) => `display:flex;align-items:flex-end;padding:0 18px 12px;${typo(role, { fontWeight: 600, lineHeight: 1.2 })};white-space:nowrap`; return ` -
${labels.workspace || ''}
-
${labels.capabilities || ''}
+
${labels.workspace || ''}
+
${labels.capabilities || ''}
${front}
`; } @@ -104,7 +104,7 @@ function header(faces, member, mode, locale = 'en') { body{background:${p.bg};color:${p.fg}} .id{position:absolute;left:64px;top:0;height:320px;display:flex;align-items:center;gap:36px;z-index:2} .id img{width:184px;height:184px} - .eyebrow{${typo('label-md')};color:${p.accent};text-transform:uppercase;margin-bottom:12px} + .eyebrow{${typo('label-md')};color:${p.accent};margin-bottom:12px} h1{${typo('headline-lg')}} .line{${typo('body-lg', { fontSize: '21px' })};color:${p.muted};margin-top:12px;max-width:620px} `, `${link(p, [[1120, -20], [1120, 120]], 26)} @@ -134,7 +134,7 @@ function appSocial(faces, member, locale) { .card{position:absolute;z-index:2;background:${p.raised};border:1px solid ${p.line};border-radius:${r.lg};padding:16px 18px;box-shadow:${p.shadow}} .card .t{${typo('label-md')};color:${p.muted};margin-bottom:10px} .ask{${typo('body-md', { fontSize: '15px' })};background:${c.tertiary};color:${c['on-accent']};border-radius:16px 16px 6px 16px;padding:9px 13px;margin-left:auto;width:fit-content} - .pk{position:absolute;z-index:3;${typo('label-md')};background:${p.raised};color:${p.fg};border:1px solid ${p.line};border-radius:999px;padding:6px 11px;box-shadow:0 6px 14px -6px rgba(10,16,30,.25)} + .pk{position:absolute;z-index:3;${typo('code-md', { fontWeight: 600, lineHeight: 1.2 })};background:${p.raised};color:${p.fg};border:1px solid ${p.line};border-radius:999px;padding:6px 11px;box-shadow:0 6px 14px -6px rgba(10,16,30,.25)} .pk i{font-style:normal;color:${p.accent}} `, `${link(p, [[card.x + card.w - 20, ly], [lx, ly], [lx, F.y + 30]], 34)}
ChatGPT
${esc(config.copy.request[locale])}
@@ -155,7 +155,7 @@ function memberSocial(faces, member) { body{background:${p.bg};color:${p.fg}} .top{position:absolute;left:80px;top:72px;display:flex;align-items:center;gap:24px;z-index:2} .top img{width:112px;height:112px} - .eyebrow{${typo('label-md')};color:${p.accent};text-transform:uppercase;margin-bottom:8px} + .eyebrow{${typo('label-md')};color:${p.accent};margin-bottom:8px} .top b{${typo('headline-md', { fontSize: '38px' })}} h1{position:absolute;left:80px;top:250px;width:640px;${typo('headline-display', { fontSize: '62px' })};z-index:2} .url{position:absolute;left:80px;bottom:76px;${typo('label-lg')};color:${p.muted}} diff --git a/DESIGN.md b/DESIGN.md index 35f8c96..6a071c9 100644 --- a/DESIGN.md +++ b/DESIGN.md @@ -38,71 +38,69 @@ colors: icon-glyph: "#16181D" typography: headline-display: - fontFamily: Bricolage Grotesque - fontSize: 88px - fontWeight: 700 - lineHeight: 0.98 - letterSpacing: -0.035em - fontVariation: "'opsz' 96, 'wdth' 88" + fontFamily: Inter + fontSize: 80px + fontWeight: 600 + lineHeight: 1.05 + letterSpacing: -0.015em headline-lg: - fontFamily: Bricolage Grotesque + fontFamily: Inter fontSize: 56px - fontWeight: 700 - lineHeight: 1.02 - letterSpacing: -0.03em - fontVariation: "'opsz' 72, 'wdth' 90" + fontWeight: 600 + lineHeight: 1.07 + letterSpacing: -0.005em headline-md: - fontFamily: Bricolage Grotesque + fontFamily: Inter fontSize: 32px - fontWeight: 650 - lineHeight: 1.1 - letterSpacing: -0.02em + fontWeight: 600 + lineHeight: 1.125 + letterSpacing: 0.004em headline-sm: - fontFamily: Bricolage Grotesque + fontFamily: Inter fontSize: 22px - fontWeight: 650 + fontWeight: 600 lineHeight: 1.2 - letterSpacing: -0.01em + letterSpacing: 0.004em headline-zh: fontFamily: Noto Sans SC - fontSize: 68px - fontWeight: 800 - lineHeight: 1.12 - letterSpacing: -0.01em + fontSize: 64px + fontWeight: 600 + lineHeight: 1.14 + letterSpacing: 0em body-lg: - fontFamily: Bricolage Grotesque + fontFamily: Inter fontSize: 18px fontWeight: 400 - lineHeight: 1.6 - fontVariation: "'opsz' 18" + lineHeight: 1.5 + letterSpacing: -0.011em body-md: - fontFamily: Bricolage Grotesque - fontSize: 16px + fontFamily: Inter + fontSize: 17px fontWeight: 400 - lineHeight: 1.6 - fontVariation: "'opsz' 14" + lineHeight: 1.53 + letterSpacing: -0.011em body-sm: - fontFamily: Bricolage Grotesque + fontFamily: Inter fontSize: 14px fontWeight: 400 - lineHeight: 1.55 - fontVariation: "'opsz' 12" + lineHeight: 1.5 + letterSpacing: -0.006em label-lg: - fontFamily: JetBrains Mono - fontSize: 14px - fontWeight: 600 + fontFamily: Inter + fontSize: 15px + fontWeight: 500 lineHeight: 1.2 - letterSpacing: 0.02em + letterSpacing: -0.01em label-md: - fontFamily: JetBrains Mono - fontSize: 12px + fontFamily: Inter + fontSize: 13px fontWeight: 600 lineHeight: 1.2 - letterSpacing: 0.06em + letterSpacing: 0em code-md: fontFamily: JetBrains Mono fontSize: 13px - fontWeight: 450 + fontWeight: 400 lineHeight: 1.6 rounded: none: 0px @@ -304,7 +302,7 @@ card, and one **secure link** runs from it into the stack; calls travel along th packets. Everything that belongs to the active path — the request, the link and the capability plane it reaches — is vermilion. -The look is warm, tactile and exact: paper and ink, crisp offset shadows, monospace labels. It +The look is warm, tactile and exact: paper and ink, crisp offset shadows, plain system type. It should feel like a well-made tool that runs on your own machine, not a cloud service. Audience: developers and people who want ChatGPT to code and operate their computer for them. Tone: direct, concrete, unhurried. Density: generous on marketing surfaces, compact in reference material. @@ -336,13 +334,16 @@ WCAG AA in both modes. ## Typography -**Bricolage Grotesque** (OFL) carries display and body text; its optical-size axis tightens -headlines (opsz 96, width 88) and opens body text (opsz 14). **JetBrains Mono** (OFL) carries labels, -packets, commands and code. Chinese text uses **Noto Sans SC** (OFL), heavy for headlines. +Interface text uses the platform's system typeface, the way Apple's own pages do: **SF Pro** for +Latin text, **PingFang SC** for Chinese and **SF Mono** for code on Apple devices, through the system +font stack on the web. Headlines are semibold with slightly tight tracking; labels, buttons and +navigation are set in the same sans in sentence case. Monospace is reserved for real code: tool +names, paths, commands and output. -Text rendered into images — headers, social cards and icons — uses only these bundled fonts, so every -platform shows the same result. Live web text may fall back to system fonts only after the bundled -web fonts. +Apple's font license does not cover brand artwork, so text rendered into images — headers, social +cards and icons — uses bundled open fonts that match the system faces: **Inter** (OFL) for Latin, +**Noto Sans SC** (OFL) for Chinese and **JetBrains Mono** (OFL) for code. The tokens above carry these +artwork faces; web text maps them to the system stack. ## Layout @@ -396,7 +397,7 @@ radius; the body is the macOS rounded rectangle on the 824px grid. ## Components -- **Primary button:** vermilion fill, ink JetBrains Mono label, 12px radius. +- **Primary button:** vermilion fill, ink label in the interface sans, 12px radius. - **Secondary button:** raised surface with a 1px line border. - **Chat card:** raised surface, 20px radius, a title row naming the chat, and the request as a vermilion bubble with ink text. @@ -407,7 +408,7 @@ radius; the body is the macOS rounded rectangle on the 824px grid. - **Link and packets:** a link-rail band with a 6px vermilion line; packets are raised pills naming the tool, such as `file.write`. - **Status:** green for success, red for removals, caution badge for actions awaiting confirmation. -- **Chip and code block:** paper chip with a mono label; ink code block with paper text and a +- **Chip and code block:** paper chip with a sans label; ink code block with paper text and a vermilion prompt. ## Do's and Don'ts diff --git a/profile/brand/header-dark.png b/profile/brand/header-dark.png index fb210e6..3bc43a3 100644 Binary files a/profile/brand/header-dark.png and b/profile/brand/header-dark.png differ diff --git a/profile/brand/header-light.png b/profile/brand/header-light.png index b911ef2..ca14a21 100644 Binary files a/profile/brand/header-light.png and b/profile/brand/header-light.png differ