厳選・オープン・無料

Wakawaka

大胆で彫刻的なタイポグラフィによって、機能的な木製オブジェクトを紹介する洗練されたデザインスタジオのポートフォリオ。

01

デザイン DNA

ミニマルなギャラリー展覧会カタログ。

02

カラー

ハイコントラストでミニマルなパレット。タイポグラフィと写真が主役となることを重視。

03

タイポグラフィ

grotesque-sans

• display560px · 500
• body14px · 400

ナビゲーションとメタデータには大文字スモールキャップ · 小さな大文字テキストには重いトラッキング · 巨大なディスプレイテキストには極端なネガティブトラッキング

04

余白

垂直方向には寛大なスペーシングを、水平方向には最小限のパディングを設け、タイポグラフィが端まで流れ出せるようにする。

05

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

なし。分離にはシェイプとスペーシングに依存。

06

レイアウト

ビューポートを支配するオーバーサイズのタイポグラフィを備えた、フルブリードの縦積みレイアウト。

07

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

ホバーステートでの微細なopacityとtransformのトランジション。

微細なスケールまたはopacityの変化。 · バウンスなしの即座の応答。

08

コンポーネント

• button 不可視。
• card 不可視。
• chip 不可視。
• input 不可視。
• hero 全幅の写真スタディを伴う巨大なタイポグラフィック・ワードマーク。

09

文体と禁止事項

• トーン ミニマルで静か、自己確信に満ちている。
• 見出し 一語で、巨大で、彫刻的。
• CTA 不可視。

• ホワイト背景を使用しない — スクリーンショットはオフホワイト（#EDEAE4）の背景を示している。
• 要素にドロップシャドウを追加しない — スクリーンショットはシャドウのない完全にフラットなデザインを示している。
• 小さく詰まったディスプレイタイプを使用しない — スクリーンショットは巨大で広がりのあるタイポグラフィを示している。
• ヒーローテキストに広い字間を使用しない — スクリーンショットは極端なネガティブトラッキングを示している。
• カラフルなアクセントを使用しない — スクリーンショットは明るいアクセントカラーのない厳格にモノクロームなパレットを示している。
• レイアウト要素に丸みのある角を使用しない — スクリーンショットは鋭く角張ったエッジを示している。
• 避ける: 雑然とした状態
• 避ける: 過度な装飾
• 避ける: 複雑なナビゲーション

10

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

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

11

System Prompt

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