厳選・オープン・無料

General Type Studio

マクロ画像と巨大なディスプレイタイプを用いた、大胆なフォトグラフィックなタイпаウンドリーポートフォリオ。

typefoundry
General Type Studio のスクリーンショット
↓ デザインシステムをダウンロード (33 MB)OpenDesign で開く

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

📦 パックの中身を見る →

01

デザイン DNA

Type FoundryExperimentalPlayfulCraft

物理的で触感のある工房のような、デジタルの見本帳。

02

カラー

#ffffffInk
#000000BG
#222222Muted
rgba(255,255,255,1.0)Line

写真コンテンツに色を依存する厳格なモノクロームパレット。

03

タイポグラフィ

geometric-sans

ヒーローセクションには、大きく太字のディスプレイタイプを使用。 · すべてのUIと本文テキストにはサンセリフを使用。 · ディスプレイタイポグラフィには、タイトな行間を維持。

04

余白

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

4px単位を基調とし、セクションには十分なパディングを設ける。

05

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

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

構造的な区切りには、細い白いボーダーを使用。

06

レイアウト

1280container
12columns
24pxgutter
768 / 1024breakpoints

フルブリードの写真背景にテキストオーバーレイ。

07

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

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

フェードイン · ホバー時のカラー遷移

リンクとボタンの滑らかなカラー遷移。 · 標準的なカーソルインタラクション。

08

コンポーネント

09

文体と禁止事項

10

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

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

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

11

System Prompt

General Type Studioは、大きく表現力豊かなタイポグラフィとフルブリードの写真背景が特徴のタイпаウンドリーウェブサイトです。デザインは白と黒（#000000、#ffffff）の厳格なモノクロームパレットを採用しています。タイポグラフィは主に幾何学的サンセリフで、ヒーローセクションでは巨大なスケールで使用されます。主な特徴には、フルビューポートのレイアウト、最小限のUI要素、見本そのものへの焦点があります。重要な禁止事項：UIにセリフフォントを使用しない、カラフルなパレットを使用しない、精妙な装飾要素を使用しない。全体的な印象は、大胆で、実験的で、ビジュアルドリivenです。

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

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

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

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