conda-forge 风格指南
我们很高兴推出 conda-forge 品牌指南:您了解所有 conda-forge 品牌相关事宜的首选资源。本文档为我们如何持续且准确地展示 conda-forge 品牌奠定了基础。
无论您是我们团队的一员、合作者还是外部合作伙伴,本指南都旨在帮助您以最佳方式代表 conda-forge。我们相信,通过遵循这些指南,我们可以将我们品牌的价值观保持在最前沿,并与所有人保持有效的沟通。感谢您成为我们旅程的一部分!
Logo
主要 Logo - 带文字的 Logo (浅色模式)
主要 Logo - 带文字的 Logo (深色模式)
辅助 Logo - 不带文字的 Logo
颜色调色板
渐变
+
=
Logo 颜色
浅色主题
深色主题
附加颜色
排版
以下是各种排版元素。conda-forge.org 的标题字体是 Montserrat,正文字体是 Inter。它看起来严肃整洁,不太张扬。它包含多种语言的所有字母,并提供不同的样式,始终能很好地工作。
标题
标题一 (2rem)
标题二 (1.5rem)
标题三 (1.25rem)
标题四 (1rem)
标题五 (0.875rem)
标题六 (0.85rem)
段落
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. (尺寸 1rem)
超链接
链接到某处提示
一些 内容 使用 Markdown 语法
。注意通常用于您想要突出的常规信息。
一些 内容 使用 Markdown 语法
。技巧通常用于为读者提供有用的建议和建议。
一些 内容 使用 Markdown 语法
。信息元素用于为常规信息添加额外的强调。
一些 内容 使用 Markdown 语法
。注意可用于建议读者谨慎行事。
一些 内容 使用 Markdown 语法
。注意可用于指出人们应警惕的事项。
代码块
代码块
parser = argparse.ArgumentParser(description='Generate the conda-forge html.')
parser.add_argument('--html-source', help="The location of the conda-forge.github.io checkout.",
default=os.path.abspath(os.path.dirname(os.path.dirname(__file__))))
args = parser.parse_args()
html_source = args.html_source
loader = FileSystemLoader(html_source)
env = Environment(loader=loader)
带标题的代码块
project = 'conda-forge'
copyright = '2016-%s, conda-forge' % datetime.datetime.now().strftime("%Y")
author = 'conda-forge'
带标签页的代码块
- Windows
- macOS
- Linux
我是 Windows。
我是 macOS。
我是 Linux。
引用
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
列表
有序列表
- 列表 A
- 列表 B
- 列表 C
有序子列表
- 列表 A
- 列表 B
- 列表 a
- 列表 b
无序列表
- 列表 A
- 列表 B
- 列表 C
无序子列表
- 列表 A
- 列表 B
- 列表 a
- 列表 b
按钮
类型
尺寸
表格
表格 | 项目 | 项目 |
---|---|---|
1 | 内容 | 12 |
2 | 内容 | 12 |
3 | 内容 | 12 |
Figma 文件
用于颜色和组件的附加 Figma 文件
来源
大多数 CSS 重新定义都在 src/css/custom.css
中完成。检查 :root
节点中的 --ifm-*
变量。