厳選・オープン・無料

Unseen Studio

遊び心と観察眼を持つアイデンティティのミニマルなクリエイティブエージェンシー。

01

デザイン DNA

遊び心のあるエッジを持つ、クリーンなクリエイティブエージェンシー

02

カラー

ハイコントラストなブラックテキストで基づく、ソフトでウェームトーンの中性色。

03

タイポグラフィ

didone-serif · grotesque-sans

• display90px · 400
• body14px · 400

本文フォントはNeue Montreal、クリーンなゴシック体サンセリフ。 · 表示フォントはSaol Display、エレガントなトランジショナルセリフ。 · タイトルは頻繁に大文字で、タイトなトラッキングで表示される。 · 本文テキストは、クリーンな外観のためにわずかにマイナスの字間設定を使用。

04

余白

コア要素の周囲に十分な余白を設け、集中した、雑然としないレイアウトを生み出しています。

05

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

微細な定義のために、ダークトーンの1pxの細い実線ボーダー。

06

レイアウト

スプラッシュスクリーン用の、十分な垂直リズムを持つ中心配置単一カラムレイアウト。

07

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

インタラクティブな要素のためのスムーズな ease-out トランジション。 · プライマリページトランジションのための elongated なトランスフォーム。

インタラクティブな要素上の微細なスケールまたはカラートランジション。 · サイト入場時にメインコンテンツへのスムーズなトランジション。

08

コンポーネント

• button 白い背景、黒いテキスト、微細なシャドウを持つミニマルなピル型ボタン。
• card 現在のビューでは該当しません。
• chip 現在のビューでは該当しません。
• input 現在のビューでは該当しません。
• hero 遊び心のあるイラストロゴ、見出し、説明、単一のCTAを特徴とする中心配置コンテンツブロック。

09

文体と禁止事項

• トーン プロフェッショナルでありながら、遊び心があり観察眼のある。
• 見出し 直接的で、自信に満ち、頻繁に大文字で提示される。
• CTA 'Enter' のようなシンプルで行動指向のコマンド。

• stark な白い背景を使用しない — スクリーンショットではソフトでウェームトーンのベージュ／オフホワイトが示されています。
• 純粋なモノクロームパレットを使用しない — スクリーンショットではウェームトーンの、彩度の低いピンクがかったベージュが示されています。
• 本文テキストすべてにセリフフォントを使用しない — スクリーンショットでは本文テキストにサンセリフ（Neue Montreal）が示されています。
• シャープで四角い角を使用しない — スクリーンショットでは丸みのあるピル型ボタンが示されています。
• 重いドロップシャドウを使用しない — スクリーンショットでは 'Enter' ボタンに微細でソフトなシャドウが示されています。
• 初期ビューを雑然とさせない — スクリーンショットでは、広大な空きスペースを持つ単一の中心配置コンテンツ列が示されています。
• 避ける: 過度にコーポレートまたは無機質な言葉遣い。
• 避ける: 視覚的な呼吸の余地のない、密集したテキストブロック。
• 避ける: 初期エントリ時の複雑または雑然としたナビゲーション。

10

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

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

11

System Prompt

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