标志
清晰的标记为清晰的Work Identity。
Forwork 徽标优先考虑配置文件、页脚、PWA 表面、OG 预览和工作接触点的可读性、识别性和稳定使用。
网站图标
最小的 Forwork 标记仍然需要能够立即识别。
网站图标和应用程序图标出现在浏览器选项卡、快捷方式、PWA 表面、主屏幕和完整徽标不再有足够空间的小型上下文中。
favicon.svg
favicon-light.svg
favicon-dark.svg
apple-touch-icon.png
pwa-192x192.png
maskable-icon-512x512.png
Woan
Woan是Forwork内部的指南。
Woan 帮助 Forwork 感觉不像一个冷酷的轮廓工具，而更像一个友好的空间，人们可以在这里清楚地解释他们的工作。
Identity
帮助观众快速了解您是谁。
Proof
引导观众寻找真实的证据。
Thinking
使实际思维更容易被看到。
Contact
让下一步的感觉更加清晰。
颜色
颜色用于引导注意力，而不是装饰每个表面。
Forwork Accent
#1800AD · #A99CFF dark
链接、关键操作和身份亮点。Ink
#191919
强大的文本、标题和可读的锚点。Paper
#FFFFFF
干净、平静、专注的阅读表面。Soft Surface
#F1F1EF
类似概念的标签、卡片和安静的层次结构。版式
Forwork 排版应该给人清晰、紧凑、平易近人的感觉。
Forwork 使用 Manrope 作为登陆页面、UI 和品牌文案的主要字体。如果 Manrope 无法加载，系统字体可以保持快速且可读的体验。
Aa Bb Cc · 1234567890
标题
大胆、简洁且稍紧的字母间距营造出自信的现代感。
身体
可读性强、行高舒适，注重清晰度而非装饰。
小标签
为元数据、标签、按钮和导航使用足够的权重。
命名
命名应与徽标一致。
Forwork是正式名称。 4Work 和 4W 是生态系统环境、严格的 UI 或更随意的引用的简写形式。
用于登陆页面、SEO、OG、标题、品牌文案和官方接触点。
当提及 4Tips、ProfileKit 或属于同一生态系统的产品时使用。
适用于徽章、短标签、紧凑的菜单或内部上下文。避免将其用作 SEO 主标题。
使用
Forwork 获取官方内容。
4Work 对于生态系统背景。
4W 当UI空间非常紧张时。
避免
ForWork 因为大小写是错误的。
FourWork 因为它会削弱认可度。
4work URL 或代码中除外。
含义
每个视觉元素都支持一个想法：让工作更容易理解。
清除
版式、间距和布局减少了猜测。
人类
Woan让产品更加人性化，同时又不失专业性。
值得信赖
一致的标记和内敛的颜色使轮廓感觉稳定。
已连接
Forwork、4Tips和ProfileKit属于一个互联的生态系统。
用途
使用有足够喘息空间的身份。
请勿随意拉伸或重新着色徽标。
使用 Woan 来解释、指导或介绍产品创意。
有意使用强调色，并优先考虑清晰度而不是装饰。