精選 · 開放 · 免費

AnOther

一本優雅、以影像為主的編輯雜誌，專注於藝術、時尚與文化。

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

原站: https://www.anothermag.com

📦 瀏覽包內檔案 →

01

設計氣質 DNA

編輯藝術時尚文化高品質

一本以數位雜誌形式呈現的當代藝術與時尚精選圖錄

02

色彩

#000011Ink
#686868Ink soft
#ffffffBG
rgba(0,0,17,1.0)Line

以單色調為主的調色板，純黑文字與純白背景提供最大對比度，讓攝影承擔所有的色彩與視覺趣味。

03

字型

transitional-serif · humanist-sans

所有標題與展示文字使用過渡襯線體。 · 內文與導覽使用人文無襯線體。 · 保持寬裕的行高以利閱讀。

04

間距

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

一致的 4px 基礎比例，搭配各章節間寬裕的垂直內邊距（內容區塊頂部內邊距約 206px），以創造視覺呼吸空間。

05

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

sm · 0px
md · 0px
lg · 0px
pill · 999px

極少使用 1px 實線邊框；主要導覽以一條細的 1px 實線黑色分隔。

06

版面

1280container
12columns
24pxgutter
768 / 1024breakpoints

全幅寬首頁大圖後接多欄網格（文章預覽使用 4 欄）。內容置中，並保留寬裕留白。

07

動效與互動

150msmicro
400mssmall
600msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

懸停狀態下的色彩與背景轉換 (0.15s ease-in-out) · 內容顯示的透明度淡化轉換

互動元素上的細微色彩轉換。 · 所有可點擊元素使用標準指標游標。

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

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

擷取自真實頁面 · 真 computed styles

11

System Prompt

這是一個高品質的編輯雜誌網站 (AnOther Magazine)，專注於藝術、時尚與文化。將其定位為精緻、以影像為主的數位出版物，具有畫廊般的呈現方式。關鍵十六進位色碼為 #ffffff（背景）、#000011（主要墨色/文字）和 #686868（柔和/次要文字）。字體排印使用過渡襯線體 (Kepler3) 作為標題，人文無襯線體 (HelveticaNowText) 作為內文，所有字重皆為 fontWeight 400。關鍵禁忌：絕不為任何元素使用圓角；絕不引入明亮或霓虹強調色；絕不使用粗體字重；絕不建立缺乏寬裕留白的密集佈局；絕不為標題使用無襯線體；絕不為表面添加陰影。

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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