精選 · 開放 · 免費

ABC Dinamo

現代、精緻的字體鑄造所網站，強調粗獷字體排印、編輯影像及以極簡留白驅動的版面。

typefoundry
ABC Dinamo 網站截圖
↓ 下載設計系統包 (24 MB)在 OpenDesign 中開啟

原站: https://abcdinamo.com

📦 瀏覽包內檔案 →

01

設計氣質 DNA

字體排印字體鑄造所字型設計自訂

數位字體的高級精品店，將字型視為高端收藏工具。

02

色彩

#FEE905Accent
#000000Ink
#FFFFFFBG
#F0F4F6BG quiet
#EBEBEBMuted
rgba(0,0,0,0.1)Line

極簡高對比調色盤，以純白畫布、黑色字型，搭配單一亮黃色作為強調。

03

字型

geometric-sans · humanist-sans · monospace

所有文字使用 400 字重。 · 大型標題使用緊湊的字母間距。 · 標籤文字僅謹慎使用大寫轉換。

04

間距

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

章節之間採用寬鬆留白，導航與 UI 元素內部則使用緊湊、結構化的間距。

05

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

sm · 4px
md · 12px
lg · 30px
pill · 999px

極簡邊框，偶爾使用 1px 實心黑色作為 UI 分隔。

rgb(255, 249, 0) 0px 0px 0px 1px

06

版面

1280container
12columns
24pxgutter
768 / 1024breakpoints

不對稱分割版面，左側設有固定的導航欄，中央/右側為首頁圖片與功能的內容區域。

07

動效與互動

250msmicro
400mssmall
800msmedium
cubic-bezier(0.1, 0.6, 0.4, 1)easing

頁面轉場採用平滑的透明度與背景淡入淡出。 · 微互動使用 cubic-bezier 轉換。 · 元素依序載入使用線性延遲。

導航與 UI 元素在懸停時進行細微的顏色或背景變化。 · 透過啟用狀態提供即時回饋。

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

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

擷取自真實頁面 · 真 computed styles

11

System Prompt

這是一個現代、精緻的字體鑄造所網站，強調粗獷字體排印、編輯影像及以極簡留白驅動的版面。設計採用純白背景搭配實心黑色文字以達最大對比，偶爾以亮黃色作為點綴。字體排印主要為乾淨的幾何與人文無襯線類別，以大比例呈現，標題字母間距緊湊。左側設有固定的導航欄作為介面基準。關鍵十六進位色碼包含 #FFFFFF、#000000 與 #FEE905。重要禁忌：切勿使用粗體字重、完全避免深色模式、不引入複雜漸層、堅持使用無襯線類別、嚴格限制色彩使用，以及始終為卡片與標籤使用大圓角。

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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