精選 · 開放 · 免費

About Instagram

為 Instagram 自訂無襯線字體打造的大膽字體排印展示

TypographyDesign ToolsEditorialPremiumExpressive
About Instagram 網站截圖
↓ 下載設計系統包 (4 MB)在 OpenDesign 中開啟

原站: https://about.instagram.com/brand/type

📦 瀏覽包內檔案 →

01

設計氣質 DNA

字體排印自訂字體品牌識別設計系統Instagram

展示自訂字體家族的專業字體樣本

02

色彩

#D300C5Accent
#1C1E21Ink
#8E8E93Ink soft
#FFFFFFBG
#D4D4D4Muted
rgba(28,30,33,0.12)Line

高對比度，以鮮明的強調色對應乾淨的中性背景

03

字型

humanist-sans

展示字型採用緊密的負字母間距以強化視覺衝擊 · 內文維持寬裕的行高以提升可讀性 · 字重全程保持 Regular (400) · 大型樣本詳細展示字形結構

04

間距

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

透過一致的基礎 4 間距單位，並為大型字體樣本提供寬裕內距，以維持垂直韻律

05

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

sm · 3px
md · 16px
lg · 20px
pill · 36px

極簡，主要依靠色彩對比而非邊框進行視覺區隔

06

版面

1280container
12columns
24pxgutter
768 / 1024breakpoints

分割面板首頁版面，一側為大型樣本，另一側為乾淨的內容區塊與寬裕留白

07

動效與互動

100msmicro
400mssmall
750msmedium
cubic-bezier(0.33, 0, 0.67, 1)easing

互動狀態下的流暢背景色過渡效果 · 搭配自訂 cubic-bezier 時序的透明度淡入效果 · 用於揭示效果的變換動畫

背景色過渡，持續 100ms · 變換與透明度狀態變化

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

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

擷取自真實頁面 · 真 computed styles

11

System Prompt

這是一個以字體排印為核心的品牌展示，推廣 Instagram 的自訂字體，定位為頂級設計資源。主要色彩包括墨色 #1C1E21、鮮明洋紅強調色 #D300C5、次要紫色調 #9B8FFF，以及純淨背景色 #FFFFFF。字體屬於人文無襯線類別，具有獨特的切割末端與字體特徵。關鍵設計規則：在樣本周圍維持寬裕留白，為大型展示文字使用緊密的負字母間距，並保持字重一致為 Regular。勿添加與字體競爭的裝飾元素。此展示請勿使用深色模式背景。勿將樣本尺寸縮小至展示級別以下。

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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