conda-forge 風格指南
我們很高興推出 conda-forge 品牌指南:您掌握所有 conda-forge 品牌相關事務的首選資源。本文件為我們如何一致且準確地展示 conda-forge 品牌奠定了基礎。
無論您是我們團隊的一份子、協作者或外部夥伴,本指南都能協助您以最佳方式代表 conda-forge。我們相信,透過遵循這些準則,我們可以將品牌的價值觀保持在最前線,並與所有人維持有效的溝通。感謝您成為我們旅程的一份子!
標誌
主要標誌 - 帶文字的標誌 (淺色模式)
主要標誌 - 帶文字的標誌 (深色模式)
次要標誌 - 不帶文字的標誌
色彩調色盤
漸層
+
=
標誌顏色
淺色主題
深色主題
其他顏色
排版
以下是各種排版元素。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-*
變數。