CURATED · OPEN · FREE

Schulhaus Tirol

Schulhaus Tirol is a culinary destination that blends Tyrolean tradition with surprising, modern gastronomy.

01

Identity DNA

A traditional Tyrolean alpine inn reimagined with modern editorial design.

02

Color

A bold, warm terracotta dominates the canvas, paired with stark black typography and imagery.

03

Typography

transitional-serif · monospace

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

Use monospaced typography for small labels, navigation links, and technical details. · Use serif typography for large display headlines, body copy, and all primary text. · Maintain generous letter-spacing for monospaced text to ensure high legibility.

04

Spacing

Generous whitespace is used to separate visual blocks and emphasize the large typography.

05

Surfaces

Thin 1px solid lines for cookie consent dividers; 2px solid borders for checkboxes.

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

06

Layout

An asymmetric, editorial grid where large text blocks and images are placed in unconventional positions.

07

Motion & Interaction

Smooth 0.4s color and background transitions for interactive elements.

Subtle color transitions triggered by the cubic-bezier easing function. · Standard pointer cursor for interactive elements, default for static text.

08

Components

• button Solid black rectangular buttons with white text, no border-radius.
• card Images presented in a grid layout without borders or padding.
• chip Monospaced text labels floating above or below images.
• input Simple black-and-white checkboxes with monospaced labels.
• hero A massive serif title 'Schulhaus Tirol' placed directly over or adjacent to black-and-white photography.

09

Voice & Don'ts

• Tone Warm, welcoming, yet sophisticated and surprising.
• Headlines Large, classic serif typography that feels editorial and timeless.
• CTAs Direct, bold, and functional using monospaced text for buttons and links.

• Don't use sans-serif typography — screenshot shows a classic transitional serif used for all primary text.
• Don't use multiple vibrant accent colors — screenshot shows a strict two-tone palette of terracotta and black.
• Don't use rounded corners on buttons or cards — screenshot shows sharp, rectangular edges.
• Don't use heavy box shadows for elevation — screenshot shows a flat, layout-driven hierarchy.
• Don't center-align all content — screenshot shows a mix of left-aligned and floating text blocks.
• Don't use complex gradients — screenshot shows solid, high-saturation background colors.
• Avoid: Avoid using multiple accent colors or complex gradients.
• Avoid: Avoid overly rounded corners or 'soft' UI elements.
• Avoid: Avoid using sans-serif typography for headlines or body text.

10

Inside the pack — real screenshots

Captured from the live site · real computed styles

11

System prompt

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