厳選・オープン・無料

Notreal Tv

グローバルブランドのために、クラフト、ストーリーテリング、テクノロジーを融合したインディペンデントクリエイティブハウス。

01

デザイン DNA

ハイエンドクリエイティブスタジオのキュレーションされたギャラリー。

02

カラー

ポートフォリオのイメージが色を提供する、ミニマルなハイコントラストキャンバス。

03

タイポグラフィ

transitional-serif · geometric-sans

• display80px · 400
• h225px · 400
• body18px · 400

メインロゴとアーティスティックなアクセントにはトランジショナルセリフ体を使用。 · すべてのナビゲーション、説明、本文にはジオメトリックサンセリフ体を使用。

04

余白

ポートフォリオアイテム間の大きなマージンとテキストブロック周囲の贅沢なパディングを備えた、広々としたエアリーなリズム。

05

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

0px 0px 5px 0px rgb(128, 128, 128)

06

レイアウト

大型で目立つメディアブロックと簡潔な左揃えテキストキャプションを備えた非対称なグリッドベースのレイアウト。

07

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

ナビゲーションとインタラクティブ要素上の繊細なトランジション。 · ポートフォリオアイテム上のhover効果。

テキストリンクとポートフォリオカード上の繊細な視覚的変化またはアンダーライン。 · プロジェクト詳細への直接ナビゲーション。

08

コンポーネント

• button ナビゲーション用のシンプルなテキストリンク。
• card キャプションが直接下に配置された、フル幅またはハーフ幅のメディアブロック。
• hero 左に巨大なセリフ体ロゴ、右に説明テキスト、下に大きな特集ポートフォリオ画像。

09

文体と禁止事項

• トーン プロフェッショナルで洗練され、アーティスティック。
• 見出し 短く、記述的で、強調にはしばしばイタリック体。
• CTA ナビゲーション内のミニマルなテキストベースリンク。

• 角丸を使用しない — スクリーンショットでは鋭く四角いエッジが示されている。
• 明るく彩度の高いUIカラーを使用しない — スクリーンショットではニュートラルなオフホワイト背景が示されている。
• メインロゴにサンセリフ体を使用しない — スクリーンショットではトランジショナルセリフ体が示されている。
• レイアウトを散らかさない — スクリーンショットでは十分なホワイトスペースを備えた非常にクリーンでエアリーなグリッドが示されている。
• 主要要素にドロップシャドウを使用しない — スクリーンショットでは、特定の要素にのみ最小限の控えめなシャドウが施されたフラットなイメージが示されている。
• 本文に全角大文字を使用しない — スクリーンショットでは文頭大文字またはタイトルケースが示されている。
• 避ける: 過度にカジュアルな言葉やスラング。
• 避ける: 感嘆符の過剰な使用。
• 避ける: 曖昧で一般的な説明。

10

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

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

11

System Prompt

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