厳選・オープン・無料

Odins Crow

権威と明瞭さを伝えるために太字 typography とモノクロームパレットを使用した、簡潔なエディトリアル・エージェンシーのサイト。

AgencyEditorialBold TypographyRestraintRefined
Odins Crow のスクリーンショット
↓ デザインシステムをダウンロード (4 MB)OpenDesign で開く

オリジナル: https://odins-crow.com

📦 パックの中身を見る →

01

デザイン DNA

保全成長遺産戦略的大胆

遺産と未来を橋渡しするコンサルタント向けの、現代的なデジタル宣言。

02

カラー

#2B2B2BInk
#F1EDE8BG
#C9C8C9Muted
rgba(43,43,43,0.8)Line

洗練されたエディトリアル感を演出する、温かみのあるニュートラルを用いた高コントラストのモノクローム。

03

タイポグラフィ

grotesque-sans · mono

すべてのディスプレイサイズで、タイトな負の文字间距を使用する。 · 厳格なモノクロームのタイポグラフィ階層を維持する。 · 小さなラベルやキャプションには大文字変換を適用する。

04

余白

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

余裕のあるパディングによる息づかいを考慮した、4px ベースグリッド。

05

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

sm · 4px
md · 8px
lg · 12px
pill · 999px

構造的な区切り線として、rgba(43,43,43,0.8) の細い1px solid ラインを使用。

06

レイアウト

1280container
12columns
24pxgutter
768 / 1024breakpoints

水平線のようなフルワイドの構造要素を備えた、中央揃えの単一カラムレイアウト。

07

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

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0, 1)easing

コンテンツ表示のための、繊細なフェードとトランスフォームトランジション。

インタラクティブ要素の繊細な色の変化や変形。 · 即座のビジュアルフィードバック。

08

コンポーネント

09

文体と禁止事項

10

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

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

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

11

System Prompt

このサイトは、大胆でエディトリアルな自信で自らを位置づける戦略コンサルタントまたはエージェント向けです。プライマリカラーは、温かみのあるオフホワイト (#F1EDE8) と深いチャコール (#2B2B2B) です。タイポグラフィは、強い視覚的インパクトを生み出す太字でタイトにトラッキングされたグロテスクサンセリフのヘッドラインを中心に構成されています。レイアウトはクリーンで構造化されており、フルワイドの水平線が主要なデザイン要素として使用されています。重要な注意点：鮮やかなアクセントカラー、装飾的またはセリフフォント、ディスプレイテキストの広い文字间距は使用しないでください。全体的な美学はミニマルで洗練されており、明瞭さと権威に焦点を当てています。

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

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

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

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