厳選・オープン・無料

Artindumbo

ローカルアートスペースを発見するためのミニマリストなエディトリアルポータル。

01

デザイン DNA

キュレーションされた近隣アートガイド。

02

カラー

ソフトなパステル背景と鋭いブラックタイポグラフィを組み合わせた、ハイコントラストなエディトリアルパレット。

03

タイポグラフィ

geometric-sans · transitional-serif

• display80px · 700
• heading36px · 700
• body16px · 400

大胆なディスプレイ見出しには、 tighten されたトラッキングでジオメトリック sans を使用。 · 本文にはトランジショナル serif を使用し、読みやすさと古典的なエディトリアル感覚を維持。 · 本文の行間は寛容に設定（1.5以上）。

04

余白

異なるコンテンツブロックを分離するための、寛容な垂直間隔（40px-60px）。

05

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

ボックスと強調の定義には、2px solid #000000 を使用。

0px 4px 12px rgba(0,0,0,0.1)

06

レイアウト

大型のフル幅写真セクションと積み重ねられたタイポグラフィブロックを有する、センタリングされたコンテンツ。

07

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

読み込み時のフェードイントランジション

インタラクティブ要素の微妙なスケールまたは不透明度の変化。 · 最小限の視覚フィードバックで即座に応答。

08

コンポーネント

• button 白い背景、ブラックのテキスト、カラーステータスドットを持つ、丸みのあるピル形状。
• card 目立つボーダーのない、フルブリード写真カード。
• hero 重厚なボックス型タイポグラフィをオーバーレイした、大型のフルビューポート写真。

09

文体と禁止事項

• トーン 直接的、情報的、そしてミニマリスト。
• 見出し 最大のインパクトのために、大胆でボックス型、大文字。
• CTA フレンドリーで明確、 Often はドットなどのセカンダリーな視覚指標を伴う。

• 繊細または細いタイポグラフィを使用しない — スクリーンショットは重厚で太いサンセリフの見出しを示しています。
• 複雑な丸みのある角を使用しない — スクリーンショットは鋭いエッジを持つ厳密に長方形のデザイン言語を示しています。
• 微妙な背景の色合いを使用しない — スクリーンショットは強く、明確なパステルブルーの背景を示しています。
• カラフルで多色なボタンを使用しない — スクリーンショットは単一のカラードットを持つクリーンな白いピルボタンを示しています。
• 強調のためにテキストのみに依存しない — スクリーンショットは重要な言葉を枠付けるために太い黒いボーダーを使用しています。
• ダークモードの美学を使用しない — スクリーンショットは明るく、ハイキー、ライトテーマのインターフェースを示しています。
• 避ける: 詳細または華やかな言葉
• 避ける: 複雑な多階層ナビゲーション
• 避ける: 雑然としたレイアウト
• 避ける: グラデーションやシャドウの過度な使用
• 避ける: 鮮やかまたはネオンのアクセントカラー
• 避ける: 息抜きのない密集したテキストブロック

10

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

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

11

System Prompt

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