精選 · 開放 · 免費

Dogstudio

Dogstudio 是一個位於藝術、設計與科技交會處的跨領域創意工作室。

01

設計氣質 DNA

一個數位藝術畫廊與高端設計工作室的結合。

02

色彩

以深藍色調為基底的高對比深色畫布，搭配銳利、單一的紅色作為動態能量的強調色。

03

字型

didone-serif · humanist-sans · monospace

• display120px · 500
• heading50px · 500
• body14px · 400
• small11px · 400

使用高對比的 didone 衬线字体，以在标题上产生最大冲击力。 · 搭配干净、几何的人文主义无衬线字体，用于正文和界面。 · 在全大写的元数据上使用宽间距，以营造高级感。 · 将衬线字体的使用限制在主要的展示时刻，以保持层次感。

04

間距

开放、透气的间距，让大型排版和3D视觉主导视窗。

05

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

极简，仅谨慎使用细 1px 边框进行微妙分隔。

0px 1px 1px 0px rgba(0,0,0,0.15) · 0px 1px 2px 0px rgba(0,0,0,0.15) · 0px 0px 2px 0px rgba(0,0,0,0.4) · 0px 0px 5px 0px rgba(0,0,0,0.2)

06

版面

不对称的编辑式布局，包含全出血的首屏区块和浮动的3D元素。

07

動效與互動

流畅、平滑的色彩与 transform 属性过渡。 · 交错淡入与滑出的动画，用于揭示内容。 · 对游标移动有微妙反应的互动3D模型。

微妙的色彩过渡与缩放变换，通常伴随红色强调元素的出现。 · 通过平滑的 transform 过渡，提供即时、触觉般的反馈。

08

組件

• button 药丸形容器，采用透明背景、白色文字，并在交互状态时带有小小的红色强调指示器。
• card 极简，通常透明，让3D模型或大型排版成为主要视觉。
• chip 小型、药丸形的标签，使用全大写文字和宽间距。
• input 低调、干净的文字输入框，界面元素极少。
• hero 沉浸式、全视窗区块，包含大型3D模型和大胆、居中或不对称的排版。

09

文案語氣與禁用清單

• 語氣 大胆、自信且富有创意，带有一丝知性的精致感。
• 標題風格 宣言式且具冲击力，常使用单个、大型的 didone 衬线字体单词或短语。
• 按鈕文案 直接且自信，通常搭配一个小的彩色箭头或指示器。

• 不要使用杂乱的布局 —— 截图展示了一个干净的编辑式网格，为大型元素提供了呼吸空间。
• 不要使用范围广泛的明亮色彩 —— 截图展示了一个以深色为主导的调色板，仅搭配一个锐利的红色强调色。
• 不要标题全用无衬线字体 —— 截图展示了高对比的 didone 衬线字体，以达到最大的展示冲击力。
• 不要元数据使用紧凑的字间距 —— 截图展示了日期和标签使用宽松、拉开间距的全大写文字。
• 不要所有区块都使用厚重、纯色的背景 —— 截图展示了深邃、暗沉、氛围感的背景，并带有微妙的渐变。
• 不要使用小型、拥挤的界面元素 —— 截图展示了大型、宽敞的触控目标和清晰的互动区域。
• 避免: 企业行话
• 避免: 被动语态
• 避免: 杂乱的界面

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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