精選 · 開放 · 免費

Womp

一個乾淨、易於使用的平台，透過強大的瀏覽器端 3D 工具，將想法轉化為實體物件。

01

設計氣質 DNA

一個現代、基於瀏覽器的 3D 設計工作室，銜接了數位建模與實體製造之間的差距。

02

色彩

高對比的單色調色盤搭配柔和灰色表面，確保 3D 產品影像成為視覺焦點。

03

字型

humanist-sans · monospace

• display60px · 400
• h148px · 400
• body16px · 400
• caption12px · 500

大型展示文字使用緊湊的字距 · 主要文字維持一致的常规字重（400） · 技術標籤（如「或快速啟動應用程式」）使用等寬字體

04

間距

內距與間隙採用一致的 8px 基準節奏，區塊間則使用較大的 80px 垂直內距。

05

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

主要使用 1px 實心邊框，顏色為 #EEEEEE 或 rgba(32,32,32,1)，以創造高對比效果。

inset 0 0 0 1px color(srgb 0.85098 0.85098 0.85098)

06

版面

首頁採用置中單欄佈局，帶有寬裕的垂直留白，隨後過渡至用於功能卡片的雙欄網格。

07

動效與互動

所有互動狀態（背景、box-shadow、transform、scale）均採用一致的 150ms ease-in-out 轉場。

按鈕與互動元素的背景和 box-shadow 變化。 · 縮放或變形的微互動。

08

組件

• button 兩種主要樣式：填充黑色的白色文字圓角藥丸形按鈕，以及深色文字的幽靈/外框圓角藥丸形按鈕。
• card 功能卡片具有大圓角（14px）、柔和的背景色（#F2F2F2），下方配有乾淨的排版文字。
• chip 小型、等寬字體的大寫文字標籤，帶有淺灰色邊框，用作區塊分隔符。
• input 一個大型、置中的提示框，採用淺灰色背景、圓角，內部有一個黑色的行動呼籲按鈕。
• hero 一個極簡、以文字為主的首頁區域，置於乾淨的白色背景上，並包含一個大型互動式提示框。

09

文案語氣與禁用清單

• 語氣 直接、自信且具鼓勵性。
• 標題風格 簡潔、以效益為導向的陳述，字距緊湊。
• 按鈕文案 以行動為導向，搭配箭頭圖示，使用高對比的黑色填充或柔和的幽靈外框。

• 不要使用裝飾性漸層或複雜背景——截圖顯示的是乾淨的近乎白色純色背景。
• 不要將標題全部大寫——截圖顯示主要展示文字使用句子式或標題式大小寫。
• 不要使用圓角方形或銳角——截圖顯示了緊湊藥丸形與寬裕的 14px 圓角混合使用。
• 不要使用高飽和度的強調色——截圖顯示的是嚴格的單色調色盤，沒有任何主導的鮮豔色彩。
• 不要使用厚重的外陰影——截圖顯示僅使用細微的 1px 內嵌邊框來營造層次。
• 不要在佈局中堆砌多欄——截圖顯示了一個非常聚焦、置中的單欄首頁區域。
• 避免: 過度專業的術語
• 避免: 冗長的段落
• 避免: 擁擠的佈局

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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