厳選・オープン・無料

Unknown Untitled

極度の抑制、広大なネガティブスペース、そして巨大なモノクロームのタイポグラフィで定義されるデザインスタジオのポートフォリオ。

StudioPortfolioMinimalPhotographicTypography
Unknown Untitled のスクリーンショット
↓ デザインシステムをダウンロード (25 MB)OpenDesign で開く

オリジナル: https://unknown-untitled.com/en

📦 パックの中身を見る →

01

デザイン DNA

洗練されたミニマルな意図的なグローバルな社会的な

作品を沈黙と空間を通して語らせる、厳密にキュレーションされた静かなギャラリー。

02

カラー

#080807Ink
#F0EFEFBG
#F9F9F9BG soft
#343434Muted
rgba(8,8,7,1.0)Line

極端な明度のコントラストと広大なネガティブスペースに依存し、静かで洗練された雰囲気を構築する厳格なアクロマチックパレット。

03

タイポグラフィ

geometric-sans

軽やかで繊細な美学を保つため、すべてのテキスト要素で超ライトウェイト（300）を維持。 · 幾何学的な字形に密度のある、結束したブロックのような外観を与えるために、アグレッシブなネガティブトラッキングを使用。 · 密度の高いトラッキングに合わせ、過度な垂直方向のスペースを防ぐために、行間を極端に詰める。 · SCTOが利用できない場合の唯一のフォールバックとして標準サンセリフを使用し、セリフや装飾的なフォントは回避。

04

余白

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

非対称で広大な、巨大な垂直方向のパディングとマージンを使用し、ゆっくりと意図的なスクロールリズムを強制。

05

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

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

表示されません。デザインは、物理的な境界線なしに構造を定義するために、完全にタイポグラフィ、画像、ネガティブスペースに依存しています。

06

レイアウト

1280container
12columns
24pxgutter
768 / 1024breakpoints

厳密にミニマルで、上部に偏重したドキュメントフロー。要素は左揃えまたは中央揃えで、極端な垂直方向のパディングがあり、表示されるグリッドラインや構造的なボーダーはありません。

07

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

200msmicro
400mssmall
800msmedium
cubic-bezier(0.215, 0.61, 0.355, 1)easing

標準的なホバーおよびクリック状態変化のための高速マイクロインタラクション（200ms）。 · 主要な要素の不透明度とカラー変化のための、より遅く、より意図的な遷移（400-600ms）。 · すべてのアニメーションプロパティにわたって、単一で一貫したイージングカーブを厳密に適用。

界面の全体的な静けさを保ちながら、派手なフィードバックを導入しない、微妙な不透明度の変化とカラー遷移。 · 確立された遷移タイミングによる、即座で最小限の視覚的フィードバックを持つ、標準のポインターカーソル。

08

コンポーネント

09

文体と禁止事項

10

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

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

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

11

System Prompt

これを、派手なプレゼンテーションよりも静かな自信を優先するミニマルデザインスタジオのポートフォリオとして位置付ける。ビジュアル言語は厳格なアクロマチックパレットで定義される：インクにはネアブラック（#080807）、背景にはウォームオフホワイト（#F0EFEF）、控えめなテキストには時折ディープグレー（#343434）。タイポグラフィは、アグレッシブなネガティブトラッキングを持つ超ライトウェイト（300）で描かれた幾何学サンセリフのみで、密度の高い、意図的なテキストブロックを形成する。レイアウトは、巨大なネガティブスペースと、すべてのアニメーションに対する単一で一貫したcubic-bezier遷移に大きく依存する。重要な禁忌：ウェイト300より重いフォントウェイトは決して使用せず、彩度の高いアクセントカラーは決して導入せず、シャドウや角丸といった装飾要素は決して追加しない。システムは極度の抑制を維持し、コミュニケーションのために純粋にタイポグラフィ、写真、空間に依存しなければならない。

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

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

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

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