厳選・オープン・無料

Basedesign

大規模なタイポグラフィと鮮明なコントラストで文化的インパクトを生み出すブラータリスティックなデザインエージェンシー。

AgencyBold TypographyEditorialCleanPremium
Basedesign のスクリーンショット
↓ デザインシステムをダウンロード (5 MB)OpenDesign で開く

オリジナル: https://www.basedesign.com

📦 パックの中身を見る →

01

デザイン DNA

boldgraphiceditorialminimalculturalimpact

高インパクトの文化的ギャラリーが、モダンデザインマニフェストと出会う。

02

カラー

#000000Ink
#212121Ink soft
#FFFFFFBG
#ABABABMuted
rgba(0,0,0,0.12)Line

高コントラストなモノクローム。インタラクティブ要素には時折ブルーのアクセントを使用。

03

タイポグラフィ

geometric-sans

極端なサイズ差を使ってビジュアルヒエラルキーを構築する。 · ディスプレイテキストにはtightなleadingを維持する。 · すべてのテキストは左揃えにし、クリーンで構造化された外観を確保する。

04

余白

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

大胆なタイポグラフィ要素をフレームするために、豊かなwhitespaceを使用する。

05

サーフェス (角丸 / 影 / 罫線)

sm · 0px
md · 0px
lg · 0px
pill · 50px

インタラクティブ要素とセクション区切りには、細い黒いアンダーラインを使用する。

06

レイアウト

1280container
12columns
24pxgutter
768 / 1024breakpoints

フルワイドのタイポグラフィックヒーローに、高コントラストのeditorialセクションが続く。

07

モーションとインタラクション

200msmicro
250mssmall
350msmedium
cubic-bezier(0.32, 0, 0.67, 0)easing

コンテンツ遷移のための滑らかなフェード · インタラクティブ要素のための控えめなtransform

ホバー時に要素が控えめにフェードまたはtransformする。 · 最小限のビジュアル変化による直接的なフィードバック。

08

コンポーネント

09

文体と禁止事項

10

パック内の実スクリーンショット

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

実ページから取得 · 実 computed styles

11

System Prompt

これは、大規模なタイポグラフィ、鮮明な黒白のコントラスト、minimalでeditorialなレイアウトが特徴の高インパクトなデザインエージェンシーウェブサイトです。primaryフォントカテゴリはgeometric-sansで、最大120pxの極端なスケールで使用し、boldなビジュアルアイデンティティを構築します。パレットはほぼ完全にモノクロームで、#FFFFFF、#000000、#212121のみを使用します。角丸、柔らかいシャドウ、boldで直接的な美学を薄める装飾的な要素は使用しないでください。鋭角、豊かなwhitespace、強力なタイポグラフィステートメントに焦点を当ててください。レイアウトはギャラリーやマニフェストのように感じられ、明確なヒエラルキーと意図的なペーシングを持つべきです。

このセンスを AI エージェントへ

この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。

OpenDesign スキル ↗ · このパック（エージェント用） ↗

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