Dogstudio · デザイン DNA

Dogstudioは、アート、デザイン、テクノロジーの交差点に立つ多分野のクリエイティブスタジオです。

デザイン DNA

デジタル・アートギャラリーとハイエンド・デザインスタジオの融合。

カラー

#E43333Accent

#FFFFFFInk

#A0A8DCInk soft

#131419BG

#0E101ABG soft

#1E1F26BG quiet

#A0A8DCB3Muted

rgba(255, 255, 255, 0.1)Line

深みのある青みを帯びた、ハイコントラストの暗いキャンバスを基調とし、動的なエネルギーを表現する鋭い赤をアクセントとして一点だけ使用します。

タイポグラフィ

見出しには最大のインパクトを出すため、ハイコントラストのディドン・セリフ字体を使用します。 · 本文やUIには、クリーンで幾何学的なヒューマニスト・サンセリフ字体を組み合わせます。 · メタデータの全角文字には、高級感を出すため幅広のトラッキングを適用します。 · 階層を維持するため、セリフ字体の使用は主要なディスプレイ場面に限定します。

余白

4px

8px

16px

24px

32px

48px

64px

96px

大きなタイポグラフィや3Dビジュアルがビューポートを支配できるよう、開放的で息のできる間隔を採用します。

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

最小限の、薄い1pxのボーダーを、控えめな区切りとして必要最低限で使用します。

0px 1px 1px 0px rgba(0,0,0,0.15) · 0px 1px 2px 0px rgba(0,0,0,0.15) · 0px 0px 2px 0px rgba(0,0,0,0.4) · 0px 0px 5px 0px rgba(0,0,0,0.2)

レイアウト

フルブリードのヒーローセクションや浮遊する3D要素を持つ、非対称のエディトリアルレイアウトです。

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

カラーおよびトランスフォームプロパティの滑らかで流れるようなトランジション。 · コンテンツ表示のための、間隔を空けたフェードインおよびスライドアップアニメーション。 · カーソルの動きに微妙に応答するインタラクティブな3Dモデル。

微妙なカラートランジションとスケール変換。しばしば、赤いアクセント要素の出現を伴います。 · 滑らかなトランスフォームトランジションによる、即座の触覚フィードバック。

コンポーネント

文体と禁止事項

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

Dogstudio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

System Prompt

Dogstudioは、アート、デザイン、テクノロジーに焦点を当てた多分野のクリエイティブスタジオです。デザイン言語は大胆で実験的であり、深炭色/ネイビーの背景（#131419）と鋭い赤のアクセント（#E43333）を持つ没入型のダークモード美学が特徴です。タイポグラフィは主要な柱であり、巨大なディスプレイテキストにはハイコントラストのディドン・セリフ字体、UIと本文コピーにはクリーンなヒューマニスト・サンセリフ字体を使用します。主要なヘックスカラーには、プライマリインクの#FFFFFF、ソフトインクの#A0A8DC、アクセントの#E43333が含まれます。重要な注意点：雑然としたレイアウトは使用せず、幅広い明るい色を導入せず、見出しにすべてサンセリフ字体を使用せず、メタデータに狭い文字間隔を使用せず、太い単色背景を使用せず、小さく詰まったUI要素は使用しないでください。

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

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

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