科技公司Cartesia品牌VI手册【视觉设计】

品牌指南

1.0 引言

• 核心元素：品牌视觉识别由六个核心元素构成，包括符号、色彩、字体、抖动、网格和图标，旨在通过这些元素的协同运用，在所有媒体上保持品牌的一致性。
• 设计原则：新身份旨在体现开拓精神、探索和高性能，其设计原则包括平衡与对比、复杂性、展示工作过程和留白进行创新。

2.0 Logo

• 符号构建：符号源于身份的两个核心元素——笛卡尔网格和抖动，通过在六宫格上绘制模仿1位抖动的"C"字母构建。
• 符号：符号是品牌最灵活的元素，适用于各种角落，但不宜作为文档中心。
• 字标：基于主要字体GT Sectra设计，在"i"的点上巧妙参考方形网格。
• 标志：符号和字标共同构成标志锁扣，体现学术研究与尖端科技和产品开发的对比。
• 空白区域：符号尺寸为96x96，间距为32，使用2单位空白区域确保标志突出。
• 位置：符号适用于角落，全锁扣适用于文档中心和左侧。
• 圆形容器：由于符号左侧较重，需微调7%以实现视觉对齐。

3.0 字体

• 概述：结合优雅的衬线字体GT Sectra和精确的等宽字体Berkeley Mono，体现传统与前沿的结合。
• 主要字体：GT Sectra适用于标题和学术研究，带来权威感。
• 次要字体：Berkeley Mono适用于描述、图表、数据表和UI元素。
• 字体处理：GT Sectra用于标题和正文，Berkeley Mono用于辅助文本，确保可读性和视觉层次。

4.0 色彩

• 主色调：黑色和浅灰色为主，辅以深蓝、森林绿、锈色和珊瑚色。
• 色彩系统：分为主要色、次要色和三级强调色，提供16种搭配方案。
• 扩展调色板：用于产品、数据可视化和功能性部分。
• 符号+色彩：主要使用黑色和浅灰色组合，必要时可使用两种核心色搭配。

5.0 抖动

• 抖动过程：使用Floyd-Steinberg 1位抖动，将公共领域图像转换为现代艺术作品。
• 图像来源：涵盖早期探险、学术绘图、生物学研究和早期科幻艺术。
• 示例：提供多个抖动图像示例。

6.0 网格

• 网格与布局：网格不仅组织空间，还作为图形元素增强品牌独特性。
• 2x网格：基于二分法，适用于印刷、UI和任何表面。
• 方形格式：艺术作品优先使用方形格式，文本和元素按信息层次布局。
• 网格应用：使用6x网格布局网页，确保一致性和平衡。
• 网格图形：网格可表现为纯网格线、标志或图标、几何图案或随机图案。

7.0 图标

• 图标风格：受主要字体启发，采用锐利角度和45°斜角。
• 图标集：包含从简单到复杂的图标，体现主要概念。
• 构建图标：基于方形网格，保持比例，不拉伸。

8.0 应用

• 应用示例：包括横幅、艺术品、名片、徽章、动态故事板、社交媒体模板、研究文章、笔记本、公告、产品UI、网页英雄、领英和推特个人资料、产品图形和图表。

9.0 资产

• 下载链接：提供品牌包、原始图像、源、网络工具和自定义工具（待定）。
• 公共领域图像来源：Dithering工具和自定义抖动工具。