精選 · 開放 · 免費

Pulumi

專為雲端工程師設計的基礎設施即程式碼。

01

設計氣質 DNA

為雲端基礎設施打造的高效能引擎，結合強大功能與親和力。

02

色彩

以乾淨的留白空間搭配深紫色強調色，營造高端、專業的質感。

03

字型

geometric-sans · humanist-sans · monospace

• display56px · 600

大型展示標題使用緊湊的字距（-1.8px 至 -2.4px）。 · 內文與 UI 元素使用 Inter 字型。 · 程式碼片段使用 Monaspace Neon 字型。

04

間距

所有間距皆以 4px 為基礎單位，保持一致性。

05

表面 (圓角 / 陰影 / 邊線)

1px solid #e0dfe2

0px 10px 15px -3px rgba(0, 0, 0, 0.1) · 0px 4px 6px -4px rgba(0, 0, 0, 0.1)

06

版面

標準的 12 欄網格。

07

動效與互動

按鈕與連結的平滑懸停過渡效果。 · 互動元素的細微顏色變化。

顏色變化或細微陰影增強。 · 點擊狀態呈現略微加深的色調。

08

組件

• button 主要操作使用實心紫色，次要操作使用外框樣式。
• card 白色背景，搭配 1px 邊框與 8px 圓角。
• chip 藥丸形狀，帶有細邊框。
• input 乾淨的單像素邊框。
• hero 分割佈局，左側為大型字型，右側為互動式視覺化。

09

文案語氣與禁用清單

• 語氣 專業、具權威感，同時保持現代與易於理解。
• 標題風格 簡潔、有力且聚焦於價值主張。
• 按鈕文案 直接且具行動導向。

• 不要使用深色作為主頁背景——截圖顯示主要為白色（#ffffff）背景。
• 不要使用無襯線字體顯示程式碼——截圖使用的是 Monaspace Neon 等寬字型。
• 不要為主要按鈕使用圓潤的藥丸形狀——截圖顯示按鈕使用 8px 邊框圓角。
• 不要使用多種高飽和度的強調色——截圖顯示僅使用單一主導的紫色（#5a31c5）作為強調色。
• 不要為展示型字型使用寬鬆的字距——截圖使用緊湊的字距（-2.4px）。
• 不要為所有表面使用沉重的投影——截圖僅在部分卡片上使用細微的框線陰影。
• 避免: 避免過度隨意的網路用語或表情符號。
• 避免: 避免使用模糊價值主張的複雜術語。
• 避免: 避免視覺雜亂或過多的動畫效果。

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko