精選 · 開放 · 免費

14islands

一家極簡主義設計工作室，透過內斂的排版和大膽的攝影，展示高端數位產品與體驗。

agencywebgl
14islands 網站截圖
↓ 下載設計系統包 (32 MB)在 OpenDesign 中開啟

原站: https://14islands.com

📦 瀏覽包內檔案 →

01

設計氣質 DNA

高端極簡數位工藝設計主導

數位產品領域的頂尖建築事務所

02

色彩

#070707Ink
#A2A2A9Ink soft
#F2F2F2BG
rgba(7, 7, 7, 1)Line

接近單色的調色板，依靠極端的排版尺度和高飽和度的專案攝影來創造視覺衝擊。

03

字型

geometric-sans · humanist-sans

04

間距

4px
8px
16px
24px
32px
48px
64px
96px

寬鬆的垂直韻律，主要元素周圍留有充足的內距。

05

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

sm · 4px
md · 4px
lg · 5px
pill · 999px

無可見邊框；依賴間距和圖片邊緣來劃分區域。

06

版面

1280container
12columns
24pxgutter
768 / 1024breakpoints

不對稱格線系統，包含全寬的首頁橫幅區塊與雙欄專案圖庫。

07

動效與互動

200msmicro
300mssmall
500msmedium
cubic-bezier(0.25, 0.46, 0.45, 0.94)easing

hover 時流暢的 transform 過渡效果 · 滾動時細微的淡入效果

游標變為指針；互動元素有細微的縮放或顏色過渡效果 · 標準的連結導覽

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

14islands — 桌面首屏（hero）
桌面首屏（hero）
14islands — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
14islands — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
14islands — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
14islands — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
14islands — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
14islands — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
14islands — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
14islands — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
14islands — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
14islands — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
14islands — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
14islands — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
14islands — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
14islands — 移动首屏
移动首屏

擷取自真實頁面 · 真 computed styles

11

System Prompt

14islands 是一個高端設計工作室網站，其特點是極端的排版尺度、接近單色的調色板（背景：#F2F2F2，墨色：#070707，柔和色：#A2A2A9），以及寬敞的留白。設計使用幾何與人文無襯線字體，尺度巨大（最大可達 180px），並搭配緊湊的負字距。版面採用不對稱設計，搭配全出血的攝影專案卡片。關鍵注意事項：避免使用多種強調色、避免將所有文字置中、避免厚重陰影、避免粗邊框、避免裝飾性圖案，以及避免使用圓角卡片。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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