厳選・オープン・無料

Blokwatches

モダンなアナログウォッチブランドのための、遊び心があり、大胆でカラフルな製品ランディングページ。

ProductHardwareBold TypographyGeometricConsumer
Blokwatches のスクリーンショット
OpenDesign で開く

オリジナル: https://blokwatches.com

01

デザイン DNA

遊び心のあるモダンなアナログな大胆な

大人のために蘇った、カラフルで大胆な玩具。

02

カラー

#3574E0Accent
#000000Ink
#4A4A4AInk soft
#0A1929BG
#17365DBG soft
#FFFFFFBG quiet
#F5F5F5Muted
rgba(255, 255, 255, 0.15)Line

深いネイビーの背景が、鮮やかなブルーのヒーローシェイプとカラフルな製品ディテールに高いコントラートを生み出します。

03

タイポグラフィ

geometric-sans · grotesque-sans

プライマリ见出しには広いトラッキングの大文字を使用。 · 記述的な本文には混合大小文字を使用。

04

余白

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

大胆な要素が息つく十分な垂直方向の余白

05

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

sm · 0px
md · 0px
lg · 0px
pill · 999px

ボタンとシェイプにはシャープでクリーンなエッジ

06

レイアウト

1440container
12columns
24pxgutter
768 / 1024breakpoints

非対称レイアウトのフルワイドヒーローセクションに続き、中央揃えのテキストブロックとロゴストリップ。

07

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

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

インタラクティブ要素上の微細な色の変化やアウトラインの変更。 · 即座に応答。

08

コンポーネント

09

文体と禁止事項

11

System Prompt

これは、モダンなアナログウォッチブランド「Blok」のための、大胆で遊び心のある製品ランディングページです。デザインのDNAはハイコントラートを中心に構成され、深いネイビー背景(#0A1929)に鮮やかなブルーのアクセントシェイプ(#3574E0)、シャープで幾何学的なサンセリフタイポグラフィを採用しています。レイアウトは非対称でインパクトがあり、カラフルな製品写真が際立つよう工夫されています。重要なデザイン原則には、丸みのあるボーダーではなくシャープな角を使用すること、见出しには広いトラッキングの大文字を採用すること、暗くムードのあるベースに明るい色のアクセントを维持することが含まれます。ソフトなパステルカラー、丸みのあるコンポーネント、セリフフォントは使用しないでください。視覚アイデンティティは、大胆な幾何学的フォームとハイコントラートの上に構築されています。

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

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

OpenDesign スキル ↗

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