厳選・オープン・無料

Nornorm

サーキュラーオフィス家具サブスクリプションサービスのための、クリーンでプレミアムなエディトリアルサイト。

01

デザイン DNA

スカンディナビアンのミニマリズムとプロフェッシャルなB2Bプラットフォームを融合した、プレミアムな家具サブスクリプションサービス。

02

カラー

クリスピーなホワイト背景に、深いチャコールインクと、プライマリアクションのための単一の権威あるブルーアクセント。

03

タイポグラフィ

geometric-sans · monospace

• display64px · 400
• displaySm48px · 400
• body16px · 400

大きなディスプレイ見出しには tighten letter-spacing を使用 · プライマリテキストには400のフォントウェイトを維持し、厳格なウェイト階層を保持

04

余白

4pxのベースに基づき、プレミアムで息のできるレイアウトを維持するための十分な余白。

05

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

必要最小限の、目立たない1pxのボーダーのみを使用。

rgba(0, 0, 0, 0.15) 0px 0px 15px 0px · rgba(0, 0, 0, 0.3) 0px 32px 68px 0px

06

レイアウト

フルワイドのフォトグラフィックヒーローセクションの後、中央揃えで制約されたコンテンツブロックが続く。

07

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

インタラクティブな状態のための滑らかな不透明度と背景色のトランジション · ホバーエフェクトのためのトランスフォーム

0.2秒から0.3秒の期間内で、微細な背景色または色の変化。 · 背景色のトランジションによる即座のビジュアルフィードバック。

08

コンポーネント

• button プライマリアクションには実線の青い角丸長方形、セカンダリアクションにはボーダー付きの透明。
• card ボーダーを最小限にしたクリーンなコンテナ。余白による区切りに依存。
• chip 目立っては使用されない。セカンダリナビゲーションには標準のテキストリンクを使用。
• input クリーンでミニマルな入力フィールド。微細な下線ボーダー。
• hero フルブリードのフォトグラフィック背景に、大きく tighten spacing されたタイポグラフィを重ねる。

09

文体と禁止事項

• トーン プロフェッシャル、権威がある、ミニマル。
• 見出し 大胆で挑発的な声明。 tighten letter-spacing と大きなスケールを使用。
• CTA 直接的でアクション重視（例：「ミーティングを予約」）。

• 複雑でカラフルなパレットを使わない — スクリーンショットでは控えめな白、黒、青の配色が示されている。
• 見出しに装飾的またはセリフフォントを使わない — スクリーンショットではクリーンな幾何学サンセリフが示されている。
• すべての要素に重いドロップシャドウを適用しない — スクリーンショットではクッキーバナーなどの特定のオーバーレイにのみシャドウが使われている。
• プライマリボタンに大きなボーダー-radiusを使用しない — スクリーンショットではボタンに8pxのradiusが使われている。
• ナビゲーションを過度なリンクでごちゃつかせない — スクリーンショットではクリーンな水平トップナビが示されている。
• 攻撃的で派手なアニメーションを使用しない — スクリーンショットでは微細でプロフェッシャナルなトランジションが示されている。
• 避ける: ごちゃごちゃしたレイアウト
• 避ける: 派手なカラーパレット
• 避ける: 装飾的なフォント

11

System Prompt

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