Build in Amsterdam · デザイン DNA

フラッグシップのeコマース体験を専門とする、プレミアムデジタルエージェンシー

デザイン DNA

ハイエンドファッションエディトリアルとデジタルストアフロントの融合

カラー

#C38133Accent

#000000Ink

#F2EFE6BG

rgba(0,0,0,1.0)Line

ウォームニュートラルのアクセントを持つ、ハイコントラストのモノクローム

タイポグラフィ

見出し：Neue Haas Grotesk Display。 tightenし、負の値でトラッキング · 本文：Reckless Neueのトランジショナルセリフ。エレガントで可読性が高い · ラベル：大文字のグロテスク、標準ウェイト

余白

4px

8px

16px

24px

32px

48px

64px

96px

100px

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

レイアウト

スクリーン分割：左側は実績・ポートフォリオを紹介し、右側にはヒーローテキストとCTAを配置

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

ポートフォリオオーバーレイのための、滑らかなopacity遷移 · インタラクティブ要素の、transformベースのhover効果 · 実績アイテムの、段階的なrevealアニメーション

カードおよびボタンにおける、繊細なtransformシフト · opacityの変化による、即座の視覚的フィードバック

コンポーネント

文体と禁止事項

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

System Prompt

これは、Shopify Plusのeコマース開発を専門とするプレミアムデジタルエージェンシー（Build in Amsterdam）です。ビジュアルアイデンティティは、温みのあるオフホワイトの背景（#F2EFE6）に、ブラック（#000000）のタイポグラフィと、シグネチャーのアンバーアクセント（#C38133）を組み合わせたものです。タイポグラフィは、巨大な見出しにtightな負のトラッキングを持つNeue Haas Grotesk Displayを、本文コピーにはトランジショナルセリフのReckless Neueを組み合わせています。レイアウトは、左側半分に実績サンプルを、右側半分にブランドメッセージを配置する、独特なスクリーン分割アプローチを採用しています。重要な制約：本文段落に決してサンセリフを使わず、中央揃えのレイアウトを避け、クールなブルーやグリーンを導入せずにウォームニュートラルのパレットを維持すること。ボタンは細い1pxのブラックボーダーを持つアウトライン型のままにすること。アンバーアクセントは、円形メニュートリガーのような特定のUI要素にのみ使用すること。

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

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

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