厳選・オープン・無料

Schulhaus Tirol

Schulhaus Tirolは、チロルの伝統と驚きに満ちた現代的なガストロノミーを融合した、 culinary destinationです。

01

デザイン DNA

現代的なエディトリアルデザインで再解釈された、伝統的なチロルの山小屋。

02

カラー

大胆な暖色のテラコッタがキャンバスを支配し、鮮明なブラックのタイポグラフィおよびイメージと組み合わされます。

03

タイポグラフィ

transitional-serif · monospace

• display80px · 400
• h226px · 400
• body16px · 400
• caption12px · 400

小見出し、ナビゲーションリンク、技術的な詳細にはモノスペースタイポグラフィを使用します。 · 大きなディスプレイヘッドライン、本文、およびすべてのプライマリテキストにはセリフタイポグラフィを使用します。 · モノスペーステキストには寛裕な字間を保ち、高い可読性を確保します。

04

余白

視覚的なブロックを区切り、大きなタイポグラフィを強調するために、寛裕なホワイトスペースが使用されます。

05

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

Cookie同意の区切り線には薄い1pxの実線。チェックボックスには2pxの実線ボーダー。

0px 25px 50px -12px rgba(0, 0, 0, 0.25)

06

レイアウト

非対称なエディトリアルグリッド。大きなテキストブロックと画像が従来とは異なる位置に配置されます。

07

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

インタラクティブ要素に対する滑らかな0.4秒の色および背景の遷移。

cubic-bezier easing functionで駆動される、微細な色の遷移。 · インタラクティブ要素には標準ポインターカーソル。静的テキストにはデフォルト。

08

コンポーネント

• button 白地に黒文字の矩形ボタン。border-radiusなし。
• card ボーダーやパディングなしのグリッドレイアウトで表示される画像。
• chip 画像の上または下に浮遊するモノスペーステキストラベル。
• input モノスペースラベル付きのシンプルな白黒チェックボックス。
• hero 白黒写真の上または隣に配置された、巨大なセリフタイトル 'Schulhaus Tirol'。

09

文体と禁止事項

• トーン 温かく歓迎的でありながら、洗練され、驚きに満ちています。
• 見出し エディトリアルで時を超えた印象を与える、クラシックな大きなセリフタイポグラフィ。
• CTA ボタンやリンクにモノスペーステキストを使用した、直接的で大胆かつ機能的な表現。

• サンセリフタイポグラフィを使用しない — スクリーンショットではすべてのプライマリテキストにクラシックなトランジショナルセリフが使用されている。
• 複数の鮮やかなアクセントカラーを使用しない — スクリーンショットではテラコッタとブラックという厳格な2トーンパレットが使用されている。
• ボタンやカードに角丸を使用しない — スクリーンショットでは鋭い矩形のエッジが使用されている。
• 高さの表現に重いボックスシャドウを使用しない — スクリーンショットではフラットでレイアウト主導の階層構造が使用されている。
• すべてのコンテンツを中央揃えにしない — スクリーンショットでは左揃えと浮遊テキストブロックの混在が使用されている。
• 複雑なグラデーションを使用しない — スクリーンショットではソリッドで彩度の高い背景色が使用されている。
• 避ける: 複数のアクセントカラーや複雑なグラデーションの使用を避ける。
• 避ける: 過度に丸みのある角や「柔らかい」UI要素を避ける。
• 避ける: ヘッドラインや本文テキストにサンセリフタイポグラフィを使用することを避ける。

10

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

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

11

System Prompt

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