跳到主要内容

conda-forge 风格指南

我们很高兴推出 conda-forge 品牌指南:您了解所有 conda-forge 品牌相关事宜的首选资源。本文档为我们如何持续且准确地展示 conda-forge 品牌奠定了基础。

无论您是我们团队的一员、合作者还是外部合作伙伴,本指南都旨在帮助您以最佳方式代表 conda-forge。我们相信,通过遵循这些指南,我们可以将我们品牌的价值观保持在最前沿,并与所有人保持有效的沟通。感谢您成为我们旅程的一部分!


主要 Logo - 带文字的 Logo (浅色模式)

主要 Logo - 带文字的 Logo (深色模式)

辅助 Logo - 不带文字的 Logo


颜色调色板

渐变

#00695c

+

#26a69a

=

(60deg, #00695c 20%, #26a69a 80%)

Logo 颜色

#000000
#FFFFFF

浅色主题

主要颜色和背景颜色
#008478
#FFFFFF
颜色变体(从浅到深)
#b2dfdb
#80cbc4
#26a69a
#007466
#00695c
#004d40

深色主题

主要颜色和背景颜色
#4db6ac
#1B1B1B
颜色变体(从浅到深)
#e0f2f1
#b2dfdb
#80cbc4
#009688
#00897b
#00796b

附加颜色

系统颜色
#1976d2
信息
#388e3c
成功
#ef6c00
警告
#d84315
危险

排版

以下是各种排版元素。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)

带标题的代码块

/src/conf.py
project = 'conda-forge'
copyright = '2016-%s, conda-forge' % datetime.datetime.now().strftime("%Y")
author = 'conda-forge'

带标签页的代码块

我是 Windows。


引用

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.


列表

有序列表

  1. 列表 A
  2. 列表 B
  3. 列表 C

有序子列表

  1. 列表 A
  2. 列表 B
    1. 列表 a
    2. 列表 b

无序列表

  • 列表 A
  • 列表 B
  • 列表 C

无序子列表

  • 列表 A
  • 列表 B
    • 列表 a
    • 列表 b

按钮

类型


尺寸


表格

表格项目项目
1内容12
2内容12
3内容12

Figma 文件

用于颜色和组件的附加 Figma 文件


来源

大多数 CSS 重新定义都在 src/css/custom.css 中完成。检查 :root 节点中的 --ifm-* 变量。