The C, and the point it reaches.

Construction作图

Built on a 64-unit grid. Everything is a circle or a straight cut; the two inner terminal corners carry a 0.5-unit fillet so they never look sharp at poster size. Use the files — never redraw.

按 64 格网格作图，全是圆和直线切口；两个内角有 0.5 格的小圆角，大尺寸不扎眼。直接用文件，不要重画。

Clear space留白

Keep a margin of at least one point-diameter (11 of 64 units, about 17 % of the mark's height) on every side of the mark and of the lockup. Nothing enters this zone: no text, rules, edges or other logos.

标志和组合标四周至少留出一个点的直径（64 格里的 11 格，约标志高度的 17 %）。这个区域里不能有文字、线条、边缘或其他标志。

Minimum sizes最小尺寸

Below 32 px on screen, switch to the hand-hinted favicon master (favicon.svg): its ring is exactly 3 px and the point is a 3 × 3 rounded square with 1 px of air, so the tab icon stays clean on light and dark. At 32 px and above, always use mark.svg.

屏幕上 32 px 以下换用手工对齐像素的 favicon.svg：圆环正好 3 px，点是 3 × 3 的小圆方块、留 1 px 间隙，浅色深色标签页都干净。32 px 及以上一律用 mark.svg。

Lockup: at least 24 px tall on screen, 12 mm wide in print.

组合标：屏幕最小高 24 px，印刷最小宽 12 mm。

Real pixel sizes · favicon.svg at 16–24 · mark.svg from 32

Reversed · favicon-white.svg · mark-white.svg

One colour first — then the colour version先单色，再彩色

The mark is designed to work in ink on the light background and in white on ink. The only colour version is the ink C with a violet point (#5B3DF5) — use it at 48 px and above, on light backgrounds in product and marketing when a little warmth is wanted. There is no gradient version and no violet-C version.

标志首先是单色：浅底上用墨色，墨底上用白色。唯一的彩色版是墨色 C 加一颗紫点（#5B3DF5），只在 48 px 及以上、产品和营销的浅色页面上使用。没有渐变版，也没有紫色 C 版。

What not to do不要这样做

Nine things that break the mark. If a surface cannot show the mark correctly, show the wordmark alone instead.

九种会毁掉标志的用法。如果某个场合放不好标志，就只放字标。

Proportions比例

Symbol height = 1.30 × cap height. Gap from symbol to the C of the wordmark = 0.46 × cap height. The cap band is centred on the symbol, so the point sits on the middle of the capitals. Horizontal lockup only — there is no stacked or vertical version.

标志高 = 1.30 × 大写字高；标志到字标 C 的间距 = 0.46 × 大写字高；大写字带与标志居中对齐，点正好在大写字母的中线上。只有横版，没有竖排或上下堆叠版。

• Stroke parity: the C's spine is 1.32 × the wordmark's stem, its horizontals 1.26 × — measured, inside the 1.15–1.35 window, so symbol and letters read as one weight.粗细匹配：C 的竖脊 = 字标竖干的 1.32 倍，横笔 1.26 倍，实测落在 1.15–1.35 区间，标志和字母看起来是同一粗细。
• Use lockup.svg on light, lockup-white.svg on ink or violet. Never recolour the lockup files; never set the wordmark in another weight or font.浅底用 lockup.svg，墨底或紫底用 lockup-white.svg。不要给组合标改色，不要用别的字重或字体重排字标。
• The wordmark may stand alone (footers, legal, small print) — the symbol may stand alone only once the name is already on the surface.字标可以单独出现（页脚、法务、小字）；标志单独出现，前提是页面上已经有了名字。

Live-text header recipe页眉活字写法

For a symbol height h: font-size = h ÷ 1.30 ÷ 0.72, line-height 1, align-items: center. The inline symbol file has 6 units of padding, so its box is h × 64 ÷ 52 with a negative margin of −3 ∕ 32 of the box. A 26 px symbol gives 27.78 px text and an 8.14 px gap.

标志高 h：font-size = h ÷ 1.30 ÷ 0.72，行高 1，垂直居中。内嵌标志文件四周有 6 格留白，所以盒子是 h × 64 ÷ 52，再用负外边距收回。26 px 的标志对应 27.78 px 的字和 8.14 px 的间距。

<a class="brand">
  <svg viewBox="0 0 64 64" aria-hidden="true"><path fill="currentColor" d="…"/></svg>  /* mark/inline-mark.svg */
  <span>Caliradi</span>
</a>
.brand { display:flex; align-items:center; font-weight:580; letter-spacing:-.006em; line-height:1 }
.brand svg { width:32px; height:32px; margin:-3px 5.14px -3px -3px }   /* symbol 26 px */
.brand span { font-size:27.78px }

Core核心色

Ratio on a typical page: about 80 % background, 15 % ink and neutrals, 5 % violet.

一个典型页面的比例：约 80 % 底色、15 % 墨色和中性灰、5 % 紫色。

Supporting neutrals辅助中性色

Product-line accents产品线色

One colour per line, paired with its icon. These never appear on the mark, the wordmark, or in a page's primary buttons; they colour an icon, a tag, a chart series, a thin rule.

每条产品线一个颜色，和它的图标成对出现。这些颜色永远不上标志、字标和页面主按钮；只用在图标、标签、图表系列、细线上。

Spectrum gradient光谱渐变

--spec: linear-gradient(100deg, #4A2FD9 → #7B2FE0 → #B0269F → #C8401F → back). For hero backgrounds at low opacity and for a single accent word set in Fraunces italic. Never on the mark, never on body text, never on buttons.

--spec：linear-gradient(100deg，#4A2FD9 → #7B2FE0 → #B0269F → #C8401F → 回到起点)。用于低透明度的首屏背景和一个 Fraunces 斜体强调词。不上标志、不上正文、不上按钮。

Type scale字号阶梯

Chinese and Spanish pages use the same scale; Chinese headings drop the negative tracking and sit on the system CJK face (PingFang SC / Noto Sans SC).

中文和西语页面同一套字号；中文标题不收字距，走系统中文字体（苹方 / 思源黑体）。

Which file where哪个文件用在哪

<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/manifest.webmanifest">   /* icons: 192 any · 512 any · 512 maskable */

Spot illustrations · 12插画 · 12 幅

Product-line & UI icons · 13产品线与界面图标 · 13 个

24 × 24, stroke 1.75, round caps; filled points for emphasis. They inherit currentColor, so one file works on light, dark and in a product colour. Read at 16 px before shipping.

24 × 24，线宽 1.75，圆头；需要强调的地方用实心点。继承 currentColor，一个文件通吃浅底、深底和产品色。交付前看一眼 16 px。

Do and don't要与不要

assets/ — distributionassets/ — 交付集

mark/ — vector mastersmark/ — 矢量母版

Illustrations: illustrations/<name>.svg and illustrations/<name>-dark.svg (12 + 12). Icons: icons/<name>.svg (13).

插画：illustrations/<名>.svg 和 illustrations/<名>-dark.svg（12 + 12）。图标：icons/<名>.svg（13）。