厳選・オープン・無料

Cubitts

フレームを手作りされた芸術品の地位にまで高める、洗練された英国の眼鏡ブランド。

01

デザイン DNA

眼鏡のためのベスポー・テーラー。モダンなミニマリズムと伝統的なクラフトマンシップを融合させます。

02

カラー

ハイコントラストのミニマリズム。ブラックインクが空間を基盤とし、ウォームグレーが微かな奥行きを提供します。

03

タイポグラフィ

geometric-sans

• display32px · 400
• body16px · 400
• caption12px · 400

見出しは標準的なセンテンスケースを使用し、過度な文字間隔は避けます。 · 本文は読みやすさのため、一貫して400ウェイトを維持します。 · 小文字は法的免責事項やユーティリティラベルに限定します。

04

余白

柔軟な4pxベースライングリッド。レイアウトの密度に応じて、64pxおよび12pxのガターに適応します。

05

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

#0B0B0Bまたは#D8D8D8の細い1px実線ボーダーで、インプットとインタラクティブエリアを定義します。

0px 0px 30px 0px rgba(0, 0, 0, 0.15)

06

レイアウト

余裕のあるホワイトスペースと中央配置コンテンツブロックを優先する、クリーンな12カラムグリッド。

07

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

インタラクティブフィードバックのための、スムーズなopacityとbackground-colorのトランジション。 · 大規模な構造的変化のための、Transformベースアニメーション。

ボタン上での控えめなbackground-colorの変化やカラーリバース。 · 背景の暗転や構造的変化による、即座のビジュアルフィードバック。

08

コンポーネント

• button ブラックの背景に白いテキストを持つ、ピルシェイプまたは角丸長方形のボタン。
• card コンテンツをグループ化するための、 (#F5F5F5) の微妙な背景色変化を持つ、ボーダーレスのクリーンなコンテナ。
• chip タグ付けやインタラクティブトグルに使用される、小型の角丸ピルコンポーネント。
• input クリーンな外観のため、細いボーダーと内部パディングを持つ最小限の長方形フィールド。
• hero 大きなスプリットレイアウトまたはフルワイドの画像セクションと、際立ったタイポグラフィの組み合わせ。

09

文体と禁止事項

• トーン 洗練され、自信に満ち、情報に富んでいます。場面によってはナラティブストーリーテリングに寄ります。
• 見出し クラフトマンシップや特定のブランドストーリーに焦点を当て、簡潔で直接的です。
• CTA 「今すぐ入る」や「すべて許可する」など、標準的な動詞を使った、アクション指向で明確な表現。

• 過度に装飾的なセリフ体は使用しない — スクリーンショットでは、主要なジオメトリック・サンセリフのパレットが示されています。
• 重いドロップシャドウに頼らない — スクリーンショットでは、奥行きのための非常に控えめで大きな半径のシャドウのみが示されています。
• 広範囲で鮮やかなカラースペクトルは使用しない — スクリーンショットでは、_product由来のアクセントが時折入る近乎モノクロームのパレットが示されています。
• 密集した情報ブロックでレイアウトを散らかさない — スクリーンショットでは、要素の周りにsignificantなホワイトスペースが示されています。
• プライマリなインタラクティブ要素に鋭い四角いコーナーは使用しない — スクリーンショットでは、角丸またはピルシェイプのRadiusが一貫して使用されています。
• 大きなディスプレイ见出しに全角大文字は使用しない — スクリーンショットでは、メインタイトルにセンテンスケースが示されています。
• 避ける: 過度にカジュアルなスラングや攻撃的なマーケティング用語は避けます。
• 避ける: クラフトやオプティクス以外の複雑な技術用語は避けます。

10

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

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

11

System Prompt

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