Square Cloud 标志与品牌

Q: 我可以在自己的项目中使用 Square Cloud 的标志吗？

可以，用于表明项目托管在 Square Cloud 或与其集成，但不得修改标志。其他商业用途需要书面授权。完整规则见 品牌使用指南 。

SVG 和 PNG 格式的标志、符号、Powered by Square Cloud 徽章、官方配色和字体，以及各自的使用规则。

品牌速览

名称: Square Cloud：两个单词，S 和 C 大写，在所有语言中保持一致
公司名称: SQUARE CLOUD LTDA · CNPJ 51.893.307/0001-08
主色: 蓝色 #1447E6（blue-700），用于按钮和主要操作
字体: 界面使用 Inter，代码使用 Fira Mono，均可在 Google Fonts 获取
符号: 两个沿对角线错位的方块，始终为单一颜色：白色或黑色
SVG 标志: https://cdn.squarecloud.app/assets/logo.svg
徽章: https://cdn.squarecloud.app/assets/powered-by.svg

符号

两个沿对角线错位的方块，合在一起呈现出容器的形状。它们交叠之处，前方的方块会切开后方的方块。

蓝色的 L 形是后方方块透过前方方块露出的一角。

标志

空间允许时请使用完整标志。单独的符号用于网站图标、头像和小尺寸场景。

完整标志

用于深色背景

用于浅色背景

符号

不含名称的版本，包括适用于头像和应用图标的圆角版本。

用于深色背景

用于浅色背景

圆角

小圆角

使用规则

保持安全间距和最小尺寸，并严格按原样使用符号。

任何文字、边框或其他元素都不得进入虚线区域。x 的值随尺寸变化：48 px 的符号中，x ≈ 7.7 px。

正确用法

拉伸或压扁

旋转

更改颜色

阴影或特效

与其他名称挤在一起

重绘名称

低对比度背景

名称的书写规则和品牌的商业使用规则见商标使用指南。

Powered by Square Cloud 徽章

展示您的项目托管在 Square Cloud 上。无论您网站使用何种语言，徽章文字始终为英文。

深色

浅色

蓝色

仅符号，深色

仅符号，浅色

仅符号，蓝色

所有尺寸都相对于高度，因此徽章缩放时不会变形。文字已转为轮廓，无需安装字体。

如何嵌入

请引用官方文件，而不是复制徽章。如需其他版本，请将 powered-by.svg 替换为您下载的文件名。

HTML

<a href="https://squarecloud.app" rel="noopener">
  <img src="https://cdn.squarecloud.app/assets/powered-by.svg"
       alt="Powered by Square Cloud" height="36">
</a>

README (GitHub)

<a href="https://squarecloud.app"><img src="https://cdn.squarecloud.app/assets/powered-by.svg" alt="Powered by Square Cloud" height="36"></a>

颜色

这些是代码中的 token。界面使用语义化名称（--background、--primary 等），它们的值会在深色和浅色主题之间切换。

此界面由 token 本身绘制：切换网站主题，它也会随之改变。

品牌

--primary

按钮和主要操作

blue-700 · #1447e6

oklch(0.488 0.243 264.376)

--ring

浅色主题中的焦点

blue-600 · #155dfc

oklch(0.546 0.245 262.881)

--text-link

深色主题中的链接

blue-400 · #51a2ff

oklch(0.707 0.165 254.624)

深色主题

--background

页面背景

square-950 · #030405

oklch(0.105 0.005 244.28)

--card

卡片和面板

square-900 · #060709

oklch(0.128 0.006 262.01)

--accent

悬停高亮

square-800 · #090b0e

oklch(0.149 0.007 258.04)

--muted

低调的表面

square-700 · #0f1114

oklch(0.177 0.007 258.37)

--border

边框和分隔线

square-600 · #111417

oklch(0.189 0.008 248.23)

--foreground

主要文字

square-50 · #e2e6ea

oklch(0.923 0.007 247.87)

--muted-foreground

次要文字

text-muted · #86909f

oklch(0.65 0.025 257.51)

--success

成功

green-500 · #00c950

oklch(0.723 0.219 149.579)

--warning

警告

yellow-500 · #f0b100

oklch(0.795 0.184 86.047)

--destructive

错误和破坏性操作

red-500 · #e84b54

浅色主题

--background

页面背景

light-50 · #ffffff

oklch(1 0 0)

--card

卡片和面板

light-100 · #fafafb

oklch(0.985 0.001 264)

--muted

低调的表面

light-200 · #f1f2f3

oklch(0.96 0.002 264)

--border

边框和分隔线

light-300 · #e3e5e6

oklch(0.92 0.003 257)

--muted-foreground

次要文字

light-700 · #565b62

oklch(0.47 0.013 257)

--foreground

主要文字

square-950 · #030405

oklch(0.105 0.005 244.28)

--success

成功

green-700 · #008236

oklch(0.527 0.154 150.069)

--warning

警告

yellow-700 · #a65f00

oklch(0.554 0.135 66.442)

--destructive

错误和破坏性操作

red-600 · #d52d37

字体

整个界面使用 Inter，代码、命令和技术数值使用 Fira Mono。

Inter 的度量：大写字母为字号的 0.73，x 字高为 0.55。

--font-inter

Inter

标题、正文和界面。

Aa Bb Cc

400500600700

--font-fira

Fira Mono

代码、命令和技术数字。

0123456789

{ } [ ] ( ) => != === 512 MB

常见问题

关于标志、配色和品牌使用，大家问得最多的问题。

我可以在自己的项目中使用 Square Cloud 的标志吗？

可以，用于表明项目托管在 Square Cloud 或与其集成，但不得修改标志。其他商业用途需要书面授权。完整规则见品牌使用指南。

在哪里下载 SVG 格式的 Square Cloud 标志？

在本页的“标志”部分：适用于深色和浅色背景的 SVG 和 PNG、带名称的完整标志（WEBP），以及适用于头像和应用图标的圆角版本。

Square Cloud 的品牌色是什么？

蓝色 #1447E6，即 Tailwind 的 blue-700（oklch(0.488 0.243 264.376)），用于按钮和主要操作。符号不使用这个颜色，只显示为白色或黑色。

Square Cloud 使用什么字体？

整个界面使用 Inter，代码、命令和技术数值使用 Fira Mono。两者均免费，可在 Google Fonts 获取。

如何表明我的项目托管在 Square Cloud？

使用 Powered by Square Cloud 徽章。嵌入 https://cdn.squarecloud.app/assets/powered-by.svg，高度 36 px，并链接到 squarecloud.app。提供深色、浅色、蓝色和仅符号版本。

品牌名称怎么写？

Square Cloud，两个单词，S 和 C 大写，在所有语言中保持一致。SquareCloud、Squarecloud 或缩写都不是品牌名称。

准备好让你的项目扩展了吗？

加入超过 50 万名曾使用 Square Cloud 托管项目的开发者。

立即开始使用 Square Cloud前往控制台

可预期的价格
账单无惊喜
秒级部署
高可用性
稳定扩展
自动重启
含 SSL 与安全防护
隔离容器