精選 · 開放 · 免費
Hape
一個大膽、實驗性、以3D為核心的品牌登陸頁，搭配引人注目的單色載入畫面。
3DExperimentalBold TypographyPremiumConsumer
01
設計氣質 DNA
沉浸式實驗性3D極簡主義高端
一個等待載入的未來主義畫廊或虛擬世界。
02
色彩
#000000Ink
#B51A1BBG
#6B0E0FMuted
rgba(0, 0, 0, 0.1)Line
大膽、高飽和度的單色紅色背景，搭配嚴格的黑色排版。
03
字型
geometric-sans
- display
48px · 500 - body
14px · 400
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
置中、寬敞的構圖，帶有寬裕的負空間。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
載入圓圈上的最小化、細微邊框。
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
全螢幕單色背景，搭配置中的垂直堆疊。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing
載入旋轉器 · 進度指示器
無可見效果。 · 無可見效果。
08
組件
- hero 全螢幕載入狀態，置中品牌標誌與底部對齊的進度指示器。
09
文案語氣與禁用清單
- 語氣 俏皮、神秘、現代。
- 標題風格 大膽、極簡、幾何感。
- 按鈕文案 無可見元素。
- 不要使用白色背景 — 截圖顯示的是純色深紅色（#B51A1B）背景
- 不要使用襯線字體 — 截圖顯示的是幾何無襯線品牌標誌
- 不要使用複雜佈局 — 截圖顯示的是在廣闊空白空間中置中的單一元素
- 不要使用多種顏色 — 截圖顯示的是嚴格的單色紅色調色板
- 不要使用細微漸層 — 截圖顯示的是平坦、純色的背景
- 不要包含雜亂的導覽 — 截圖僅顯示品牌標誌和載入指示器
- 避免: 傳統佈局
- 避免: 淺色背景
- 避免: 複雜排版
11
System Prompt
這是一個大膽、實驗性的3D/元宇宙品牌載入畫面。佈局完全置中，採用純色深紅色（#B51A1B）背景與黑色幾何無襯線字體排版。構圖極度簡約，僅包含品牌標誌「HAPE®」與底部的圓形進度指示器。它優先考慮氛圍與期待感，而非即時資訊。關鍵設計規則：使用大膽的單色紅色調色板，保持極端的負空間，並避免複雜的UI元件。該網站高度強調高端、實驗性的美學，適用於3D或數位收藏品平台。
把這份品味接進你的 Agent
把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。
OpenDesign 技能 ↗en · zh-CN · zh-TW · ja · ko