← OpenDesign
厳選・オープン・無料
Unseen Studio
遊び心と観察眼を持つアイデンティティのミニマルなクリエイティブエージェンシー。
agency editorial
01
デザイン DNA
遊び心のある ミニマル Unseen 観察眼のある
遊び心のあるエッジを持つ、クリーンなクリエイティブエージェンシー
02
カラー
#212121Ink
#424242Ink soft
#F1EDEBBG
#FAF6F4BG soft
#EFEDE9BG quiet
#D6D6D6Muted
rgba(33, 33, 33, 1)Line
ハイコントラストなブラックテキストで基づく、ソフトでウェームトーンの中性色。
03
タイポグラフィ
didone-serif · grotesque-sans
display 90px · 400body 14px · 400本文フォントはNeue Montreal、クリーンなゴシック体サンセリフ。 · 表示フォントはSaol Display、エレガントなトランジショナルセリフ。 · タイトルは頻繁に大文字で、タイトなトラッキングで表示される。 · 本文テキストは、クリーンな外観のためにわずかにマイナスの字間設定を使用。
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
コア要素の周囲に十分な余白を設け、集中した、雑然としないレイアウトを生み出しています。
05
サーフェス (角丸 / 影 / 罫線)
sm · 4px
md · 8px
lg · 24px
pill · 999px
微細な定義のために、ダークトーンの1pxの細い実線ボーダー。
06
レイアウト
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
スプラッシュスクリーン用の、十分な垂直リズムを持つ中心配置単一カラムレイアウト。
07
モーションとインタラクション
220ms micro
400ms small
1000ms medium
cubic-bezier(0.16, 1, 0.3, 1) easing
インタラクティブな要素のためのスムーズな ease-out トランジション。 · プライマリページトランジションのための elongated なトランスフォーム。
インタラクティブな要素上の微細なスケールまたはカラートランジション。 · サイト入場時にメインコンテンツへのスムーズなトランジション。
08
コンポーネント
button 白い背景、黒いテキスト、微細なシャドウを持つミニマルなピル型ボタン。 card 現在のビューでは該当しません。 chip 現在のビューでは該当しません。 input 現在のビューでは該当しません。 hero 遊び心のあるイラストロゴ、見出し、説明、単一のCTAを特徴とする中心配置コンテンツブロック。
09
文体と禁止事項
トーン プロフェッショナルでありながら、遊び心があり観察眼のある。 見出し 直接的で、自信に満ち、頻繁に大文字で提示される。 CTA 'Enter' のようなシンプルで行動指向のコマンド。 stark な白い背景を使用しない — スクリーンショットではソフトでウェームトーンのベージュ/オフホワイトが示されています。 純粋なモノクロームパレットを使用しない — スクリーンショットではウェームトーンの、彩度の低いピンクがかったベージュが示されています。 本文テキストすべてにセリフフォントを使用しない — スクリーンショットでは本文テキストにサンセリフ(Neue Montreal)が示されています。 シャープで四角い角を使用しない — スクリーンショットでは丸みのあるピル型ボタンが示されています。 重いドロップシャドウを使用しない — スクリーンショットでは 'Enter' ボタンに微細でソフトなシャドウが示されています。 初期ビューを雑然とさせない — スクリーンショットでは、広大な空きスペースを持つ単一の中心配置コンテンツ列が示されています。 避ける: 過度にコーポレートまたは無機質な言葉遣い。 避ける: 視覚的な呼吸の余地のない、密集したテキストブロック。 避ける: 初期エントリ時の複雑または雑然としたナビゲーション。
10
パック内の実スクリーンショット
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 実ページから取得 · 実 computed styles
11
System Prompt
Unseen Studio は、ミニマルで観察眼があり、少し遊び心のあるアイデンティティを持つクリエイティブエージェンシーです。ビジュアルシステムは、ソフトでウェームトーンの中性色の背景(#F1EDEB)と、ハイコントラストなブラック(#212121)のタイポグラフィを使用しています。フォントの組み合わせは、本文テキスト用のクリーンなゴシック体サンセリフ(Neue Montreal)と、表示用の洗練されたトランジショナルセリフ(Saol Display)を組み合わせています。レイアウトは中心配置で広々としており、スプラッシュスクリーンの単一カラムに焦点を当てています。主要なインタラクションはスムーズで、カスタム cubic-bezier イージングを使用しています。重要な禁止事項: stark な白い背景を避ける、呼吸の余地のない密集したレイアウトを避ける、インタラクティブな要素のシャープな角を避ける。
ライブラリからもっと
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
なぜ収録: このサイトは、ミニマルなデザインと遊び心のある、印象的なブランドアイデンティティを両立させたクリエイティブエージェンシーのスプラッシュスクリーンの優れた例として、 inclusion に値します。