插圖
概觀
插圖一目了然地傳達含義，簡化複雜的想法，並透過視覺故事講述來增強使用者理解力。這些插圖彌合了技術概念與使用者理解之間的差距，使抽象的想法更加具體和引人入勝。
在 Cloudflare 的產品和服務中，插圖能夠吸引注意力、激發好奇心，並有效地引導使用者。它們將無形的概念轉換為具有相關性的視覺效果，從而改善清晰度且簡單易懂。
核心原則
簡單清晰
聚焦於重點。減少不必要的細節，讓有意義的元素更加突出。使用乾淨的線條、簡潔的形狀，以及簡約的色調，使視覺畫面易於理解。
展示，而非說明
運用隱喻與類比來呈現複雜的概念。插畫應能幫助觀看者快速理解想法，而不需要大量文字說明。
一致性是關鍵
嚴格遵循 Cloudflare 品牌的色彩配置、字型規範、線條粗細，並重複使用既有素材庫中的經典影像。如此可確保所有插畫都能融入品牌視覺語言，呈現一致的整體感。
確保可擴展性
小尺寸的插畫應與大尺寸的插畫一樣清晰有效。
易於存取
設計時要考慮到可存取性。使用圖案和標籤來區分元素，確保線條、形狀和顏色清晰明確，尤其是在元素功能不同的情況下。所有非裝飾性插畫都應提供對比鮮明的顏色和替代文字描述，以便使用螢幕閱讀器的使用者能夠理解。
注入品牌個性
我們運用插畫展現品牌的獨特個性。插畫不只要清晰明了，還要讓人一眼就能認出是我們的風格。請充分運用我們獨特的視覺語言，並將我們獨特的色彩、幽默感和鮮明的個性融入每一幅作品中。
風格與構圖
二維與等距視角
雖然整體風格以二維為主，但部分插畫會運用細微的漸層與陰影來營造深度與立體感，避免畫面顯得過於簡化。在某些情況下，使用等距視角插畫能更有效地傳達含義。
禁止事項
請勿使用不必要的元素使視覺效果過於複雜，因為這些元素可能會混淆或分散使用者的注意力。
請勿引入不相關的樣式或配色方案，因為這可能會造成混亂並降低品牌認知度和信任度。
請勿使用缺乏新意、陳舊或過度氾濫的影像。Cloudflare 有很多獨特之處。請專注於差異化。
請勿以同質化方式呈現使用者或環境。盡可能代表各種不同的使用者。請勿延續會造成文化偏見的刻板印象、偏見或誤解。
色彩配置
我們插畫風格中的色彩配置以 Cloudflare 品牌色為基礎，主要使用橘紅色、芒果黃、紅寶石色，再搭配樹莓色與櫻桃紅，營造出溫暖與樂觀的氛圍。為求平衡與對比，亦加入較冷調的色彩，如黑莓色、紫色、淺灰色與淺藍色。白色作為基礎中性色，賦予插畫乾淨、現代的視覺感受。整體效果專業、值得信賴，並帶有一絲活力與朝氣。
在我們的品牌插畫中，色彩 紅色 與 綠色 的運用具有明確意圖。紅色代表明確的危險或威脅，能有效傳達網路攻擊、安全漏洞或操作失敗等訊息。相對地，綠色則象徵安全、成功與防護，用來描繪安全的連線、有效的防禦措施，或已完成的動作。在所有視覺素材中一致地使用這兩種顏色，能確保客戶獲得統一且直覺化的體驗，幫助他們迅速理解自身的安全狀態。
主要
橘紅色
Hex #F6821F
RGB 246, 130, 31
CMYK 0, 60, 100, 0
PMS 1495 C
紅寶石色
Hex #FF6633
RGB 255, 102, 51
CMYK 0, 80, 93, 0
PMS 1645 C
芒果黃
Hex #FBAD41
RGB 251, 173, 64
CMYK 0, 37, 84, 0
PMS 1365 C
次級色彩
檸檬色
Hex #FFD43C
RGB 255, 212, 60
CMYK 0, 17, 76, 0
樹莓色
Hex #CE2F55
RGB 206, 47, 85
CMYK 0, 77, 59, 19
櫻桃色
Hex #960C3E
RGB 150, 12, 62
CMYK 0, 92, 59, 41
藍莓色
Hex #3E74FF
RGB 62, 116, 255
CMYK 76, 55, 0, 0
黑莓色
Hex #0F006B
RGB 15, 0, 107
CMYK 86, 100, 0, 58
黑色（文字）
Hex #000000
RGB 0, 0, 0
CMYK 0, 0, 0, 100
三級色彩
淺橙色
Hex #FFE9CB
RGB 255, 233, 203
CMYK 0, 9, 20, 0
超淺藍色
Hex #E0ECFF
RGB 224, 236, 255
CMYK 12, 7, 0, 0
淺藍色
Hex #A8CBFF
RGB 168, 203, 255
CMYK 34, 20, 0, 0
淺紫色
Hex #F2D6F4
RGB 242, 214, 244
CMYK 1, 12, 0, 4
紫色
Hex #941FBA
RGB 148, 31, 186
CMYK 20, 83, 0, 27
深紫色
Hex #4D1470
RGB 77, 20, 112
CMYK 31, 82, 0, 56
成功（淺色）
Hex #BCECCB
RGB 188, 236, 203
CMYK 20, 0, 14, 7
成功
Hex #57CF7D
RGB 87, 207, 125
CMYK 58, 0, 40, 19
成功（深色）
Hex #12523D
RGB 18, 82, 61
CMYK 78, 0 26, 68
危險（淺色）
Hex #FCA39C
RGB 252, 163, 156
CMYK 0, 35, 38, 1
危險
Hex #FC3D2E
RGB 252, 61, 46
CMYK 0, 75, 82, 1
危險（深色）
Hex #B0291C
RGB 176, 41, 28
CMYK 0, 77, 84, 31
淺灰色
Hex #747474
RGB 116, 116, 116
CMYK 0, 0, 0, 55
深灰色
Hex #DFDFDF
RGB 223, 223, 223
CMYK 0, 0, 0, 13