厳選・オープン・無料

Stripe Press

書籍をキュレーションされた芸術作品として提示する、プレミアム出版レーベル。

01

デザイン DNA

進歩のアイデアのための現代的なデジタル図書館。

02

カラー

暗く暖かい背景が、色鮮やかな書籍オブジェクトを主役とするプレミアムギャラリーの雰囲気を生み出します。

03

タイポグラフィ

transitional-serif

• display56px · 600
• heading25px · 600
• body16px · 400

すべてのエディトリアルコンテンツに、Ivar Headline と Ivar Text（トランジショナル・セリフ）を使用します。 · すべてのテキスト要素で、一貫した軽い文字間隔（0.32px）を維持します。 · 書籍の背表紙には、セリフ体と等幅書体を混在させます。

04

余白

コンテンツブロックと書籍の背表紙の間隔による垂直リズム。

05

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

書籍の背表紙用：0 4px 24px rgba(0,0,0,0.4)

06

レイアウト

積み重ねられた3D書籍オブジェクトに焦点を当てた、フルビューポートの垂直スクロール。

07

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

書籍の背表紙の表示のための、滑らかなスクロール連動トランジション。 · ページ読み込みとナビゲーションのための、不透明度とトランスフォームのアニメーション。

インタラクティブな要素上での、微細な不透明度の変化またはわずかな移動。 · インタラクティブ性を示す、標準のポインターカーソル。

08

コンポーネント

• button ミニマルなテキストベースまたはシンプルなピル型ボタン。
• card インタラクティブなカードとして機能する、3Dレンダリングされた書籍オブジェクト。
• chip なし。
• input なし。
• hero 暗い背景の上に積み重ねられた、3D書籍の背表紙。

09

文体と禁止事項

• トーン 知的で洗練された、真面目なトーン。
• 見出し フォーマルな、大文字またはタイトルケースのセリフ体テキスト。
• CTA 控えめでミニマル。

• 見出しにサンセリフフォントを使用しない — スクリーンショットではセリフフォントが使用されている。
• 明るいネオン色の背景を使用しない — スクリーンショットでは暗く落ち着いた背景が使用されている。
• 複雑なグリッドレイアウトを使用しない — スクリーンショットでは積み重ねられた垂直レイアウトが使用されている。
• プライマリコンテナに角丸を使用しない — スクリーンショットではシャープな角が使用されている。
• 複数の競合するアクセントカラーを使用しない — スクリーンショットでは色が書籍オブジェクトに限定されている。
• 重いドロップシャドウを使用しない — スクリーンショットでは、3Dオブジェクトにリアルな微妙なライティングが使用されている。
• 避ける: 遊び心のある言葉遣い
• 避ける: 派手な色
• 避ける: 重厚な装飾要素

10

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

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

11

System Prompt

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