OpenInfinity
OpenInfinity 设计资源OpenInfinity Design Resources
OpenInfinity

OpenInfinity 的标志、应用图标、色彩、字体、动效与模板。所有文件都可以直接下载使用,使用前请先阅读使用规范与商标条款。Logos, app icons, color, type, motion and templates for OpenInfinity. Every file can be downloaded and used directly — please read the usage guidelines and trademark terms first.

02

应用图标App icons

标志宽度约为图标宽度的 53%,居中放置。交付稿为方形、无圆角,圆角和玻璃效果由各平台系统添加。The mark spans about 53% of the icon width, centred. Deliverables are square with no rounded corners — each platform applies its own mask and effects.

iOS 图标 / iOS iconiOS 深色图标 / iOS dark icon

iOS / iPadOS

Xcode 资源目录:一份 1024 源图,含默认、深色、着色三种外观,直接替换工程里的 AppIcon.appiconset。Xcode asset catalog: one 1024 source with default, dark and tinted appearances. Replace the project's AppIcon.appiconset.

macOS 图标 / macOS icon

macOS

macOS 26 起用 Icon Composer 分层(见下方说明);macOS 11–15 用 .icns 或资源目录,按 824 网格制作。From macOS 26 use the Icon Composer layers (guide below); for macOS 11–15 use the .icns or asset catalog built on the 824 grid.

Icon Composer 前景层 / Icon Composer layer

Icon Composer

macOS 26 / iOS 26 的 .icon 分层素材:前景层为 1024 透明画布,背景层设为纯色 #FFFFFF,深色外观为 #000000。Layers for macOS 26 / iOS 26 .icon files: a 1024 transparent foreground; set the background to #FFFFFF, or #000000 in dark appearance.

操作步骤 →Step-by-step guide →
网站图标 / FaviconPWA 图标 / PWA icon

Web

favicon(ICO / SVG / PNG)、Apple Touch Icon、PWA 192 / 512 与可遮罩图标,以及 manifest 和 <head> 代码示例。Favicon (ICO / SVG / PNG), Apple touch icon, PWA 192 / 512 and maskable icons, plus a manifest and <head> snippet.

Android 图标 / Android icon

Android

自适应图标(前景、单色、白色背景层,mdpi 至 xxxhdpi,含 XML),解压后合并进工程的 res 目录;另附 Play 商店 512 图标。Adaptive icon (foreground, monochrome and white background, mdpi–xxxhdpi, with XML) — merge into your res folder. Includes the 512 Play Store icon.

网页 <head> 代码Web <head> snippet

把 web 目录里的文件放到网站根目录,再把这段代码加进 <head>。Put the web files at your site root and add this to <head>.

03

色彩Color

墨与白是主色。石墨、雾白、午夜用于界面与深色场景。信号橙、电光蓝、青柠是可选强调色,建议只选一个长期使用。点击色值即可复制。CMYK 为近似换算,印刷前请打样校色。Ink and Paper are primary. Graphite, Mist and Midnight serve UI and dark contexts. Signal, Electric and Lime are optional accents — pick one and keep it. Click a value to copy it. CMYK values are approximations; proof before printing.

04

字体Typography

西文与数字用 Geist,中文用思源黑体(Noto Sans SC)。两者都采用 SIL Open Font License 1.1,可免费商用和嵌入。Geist for Latin text and numerals, Source Han Sans (Noto Sans SC) for Chinese. Both use the SIL Open Font License 1.1 — free for commercial use and embedding.

Aa
Regular 400 · OpenInfinity
Medium 500 · OpenInfinity
SemiBold 600 · OpenInfinity
Geist Mono 0123456789

Geist / Geist Mono

标题、正文、数字与代码。字标为 Geist Medium、字距 −2.5%。Headings, body, numerals and code. The wordmark is Geist Medium at −2.5% tracking.

永
Regular 400 · 中文正文示例
Medium 500 · 中文标题示例

思源黑体 / Noto Sans SCSource Han Sans / Noto Sans SC

中文标题与正文。中英混排时西文用 Geist、中文用思源黑体,字重保持一致。Chinese headings and body. In mixed text, set Latin in Geist and Chinese in Source Han Sans at matching weights.

字号层级TYPE SCALE
Display 64/72 · 500 · −2.5%OpenInfinity
Title 40/48 · 500 · −2%章节标题Section title
Heading 24/32 · 500 · −1%小节标题Heading
Body 16/24 · 400正文用于说明与长段落。Body text for descriptions and long passages.
Caption 13/18 · 400注释与图注Captions and notes
05

动效Motion

所有动作以两叶相接的点为原点,时长按黄金比递减:600 / 370 / 230 ms。系统开启"减少动态效果"时显示静态标志。视频提供白底、黑底和透明背景三种。Every movement pivots on the point where the leaves meet. Durations step down by the golden ratio: 600 / 370 / 230 ms. With reduced motion enabled, show the static mark. Videos come on white, black and transparent backgrounds.

开场动画 / Reveal animation

开场 RevealReveal

大叶 600 ms 从相接点长出,小叶延迟 230 ms、用 370 ms 长出,字标 370 ms 淡入。曲线 cubic-bezier(0.22, 1, 0.36, 1)。用于启动页和视频片头。Big leaf grows from the contact point in 600 ms; small leaf follows after 230 ms over 370 ms; wordmark fades in over 370 ms. Curve cubic-bezier(0.22, 1, 0.36, 1). For launch screens and video intros.

无限动画 / Infinite animation

无限 InfiniteInfinite

两叶以相接点为轴交替放大缩小(1 ↔ 0.618),2.4 s 一个来回,可无缝循环。曲线 cubic-bezier(0.65, 0, 0.35, 1)。用于等待、思考中和空状态。The leaves swap size around the contact point (1 ↔ 0.618), 2.4 s per cycle, seamless loop. Curve cubic-bezier(0.65, 0, 0.35, 1). For waiting, thinking and empty states.

加载动画 / Loading animation

加载 LoadingLoading

标志绕相接点每次转 90°,每步 600 ms 缓入缓出。用于加载和同步中的指示器,最小 16 px。The mark turns 90° at a time around the contact point, 600 ms per step with ease-in-out. For loading and syncing indicators, 16 px minimum.

带透明通道的 ProRes 4444 MOV(适合视频剪辑)文件较大,只放在下载区的动效 ProRes 压缩包里。ProRes 4444 MOV files with alpha (for video editing) are large and ship only in the Motion ProRes archive under Downloads.

06

模板与社交媒体Templates & social

带文字的模板提供中英两版,SVG 可直接编辑方括号里的占位内容。名片为 90 × 54 mm,已含 3 mm 出血。Templates with text come in Chinese and English; edit the bracketed placeholders in the SVGs. Business cards are 90 × 54 mm with 3 mm bleed.

名片正面 / Business card front名片背面Business card back

名片Business card

演示封面Slide cover

演示封面 16:9Slide cover 16:9

会议虚拟背景 / Video-call background

会议虚拟背景Video-call backgrounds

桌面壁纸 / Desktop wallpaper手机壁纸 / Phone wallpaper

壁纸Wallpapers

头像 / Avatar深色头像 / Dark avatar

头像Avatars

GitHub、微信、X 等圆形或方形头像通用。Works for round or square avatars on GitHub, WeChat, X and more.

分享卡片 / Share card

横幅与分享图Banners & share images

GitHub 仓库预览 1280 × 640、Open Graph 1200 × 630、X 头图 1500 × 500、LinkedIn 横幅 1584 × 396。GitHub social preview 1280 × 640, Open Graph 1200 × 630, X header 1500 × 500, LinkedIn banner 1584 × 396.

07

使用规范Usage

标志只能等比缩放,方向、比例和颜色关系都不能改动。拿不准时,请使用黑或白的原始文件。Only scale the logo proportionally; never change its orientation, proportions or colours. When in doubt, use the original black or white files.

正确 / Correct
✓ 等比缩放Scale proportionally
错误:拉伸 / Wrong: stretched
✕ 不要拉伸变形Don't stretch
错误:旋转 / Wrong: rotated
✕ 不要旋转(45° 斜向是标志的一部分)Don't rotate (the 45° diagonal is part of the mark)
✕ 不要改变 1 : 0.618 的比例Don't change the 1 : 0.618 ratio
✕ 不要加阴影、渐变或立体效果Don't add shadows, gradients or 3D effects
✕ 两片叶不要用不同颜色Don't colour the leaves differently
✕ 不要放在低对比度的底色上Don't place on low-contrast backgrounds
✕ 不要改成描边Don't outline the mark
08

下载Downloads

上面每个文件都可以单独下载。也可以一次下载全部,或按类别下载压缩包。压缩包放在 GitHub Release 中,链接始终指向最新版本。Every file above can be downloaded on its own, or grab everything at once or by category. Archives live in GitHub Releases; the links always point to the latest version.

完整资源包Complete brand kit

标志、应用图标、色彩、动效、模板、社交图与规范 PDFLogo, app icons, color, motion, templates, social images and guideline PDFs ·

下载 ZIPDownload ZIP