Monte 场地页以沉浸式餐厅大图搭配克制的编辑式排版和温暖柔和的底色。页面依次呈现场地信息、图片集、社交内容、礼品卡、其他场地和订阅入口，兼顾氛围与实用信息。
North star · Let rich, natural venue photography lead, and keep the surrounding warm-neutral interface quiet, editorial, and easy to scan.
The page balances an immersive venue photograph against a quiet, warm-neutral interface. A full-bleed hero leads with the restaurant interior and a centered, light serif title; the pale #f5f0ea content area then gives venue details, compact actions, and a horizontal image gallery room to breathe. Domaine Text supplies the delicate editorial voice for headings and prominent actions, while Modern Gothic keeps navigation, body copy, and utility details legible and understated. Black sections are used selectively for the hero treatment and the gift-card and footer areas, creating clear tonal pauses rather than a uniformly dark page. Hairline warm borders separate content groups, while rounded pill actions remain low-key. Photography is central: architectural interiors, food, drinks, and social posts provide the strongest colour, so interface accents stay muted and avoid competing with the imagery.
配色
点色块复制色值。用途说明来自对页面的实测位置（背景、文字、描边、按钮）与截图判读。
品牌色
强调色
表层色
中性色
功能色
页面底色 · Stone Canvas表层 · Gallery Cream表层 2 · Deep Ink表层 3 · Weathered Grey主文字 · Deep Ink次要文字 · Gallery Cream弱文字 · Soft White描边 · Muted Brass
Navigation, body copy, captions, utility details, and medium-weight text links.
Aa 设计
Domaine Text
网络字体 · 字重 300 · 占比 23%
免费替代：Cormorant Garamond
Display and section headings, venue titles, and prominent button labels.
角色
示例
字号
字重
行高
字距
特大标题
Large editorial display treatment, notably the centered hero venue title.
DOMA R&B
60px
300
1.2
0.02em
一级标题
Primary venue or major section heading.
DOMA R&B
40px
300
1.2
0
二级标题
Secondary section headings such as Stay Social and More Venues.
DOMA R&B
30px
300
1.2
0
三级标题
Tertiary venue and content headings.
The quick brown fox 敏捷的狐狸
25px
300
1.2
0
四级标题
Smaller subsection and supporting card headings.
The quick brown fox 敏捷的狐狸
20px
300
1.2
0
正文
Venue description, explanatory copy, and newsletter text.
The quick brown fox 敏捷的狐狸
16px
300
1.3
0
辅助文字
Compact metadata, image notes, and footer details.
The quick brown fox 敏捷的狐狸
12px
300
1
0
按钮
Serif labels on venue booking and menu actions.
The quick brown fox 敏捷的狐狸
20px
300
1.2
0
导航
Header and footer navigation links.
The quick brown fox 敏捷的狐狸
16px
300
1.3
0
链接
Emphasized inline actions and venue links.
The quick brown fox 敏捷的狐狸
16px
500
1.3
0
眉题
Small uppercase labels and metadata markers.
The quick brown fox 敏捷的狐狸
11px
500
1.2
0.1em
间距与布局
基准单位 8px · 密度：适中
40px版块间距
20px元素间距
—卡片内边距
1360px内容最大宽度
2px
5px
7px
8px
10px
12px
16px
20px
24px
32px
40px
80px
112px
A broad, centered content canvas is organized into two-column information areas and horizontal image rows, with a measured maximum width of 1360px. The first viewport is dominated by a full-bleed hero; the following sections switch to pale, contained surfaces. Headings and text align left in content blocks, while the hero title is centered. Comfortable section rhythm separates gallery, social, gift-card, and related-venue modules, with a denser black newsletter footer at the end.
圆角与层次
按钮 · 9999px
卡片 · 4px
链接 · 4px
hairline · button
The interface is mostly flat, with no meaningful drop-shadow language. Thin warm-grey rules separate content groups, and restrained outlines define pill-shaped actions. The hero uses image layering for text contrast, while black feature and footer panels create tonal depth without cards or heavy elevation.
组件
下面的预览按实测的按钮、输入框、徽标、卡片样式重建（字体用替代字体）。
Image-led hero
Full-bleed venue photograph with a centered light serif title and overlaid light navigation.
Venue action row
Venue name and compact pill actions, including Book a Table and Menus; actions use restrained warm-grey fills or outlines.
Venue details
Editorial venue introduction paired with a concise, aligned list of hours, address, phone, email, social, and website details.
Photo gallery
Horizontal sequence of venue, food, and drink photography on the pale cream content surface.
Social feed
Stay Social heading, small Follow Us pill, and a row of image-led social post thumbnails.
Gift-card feature
Black feature panel combining editorial copy, a subtle action, and gift-card and hospitality imagery.
Related venues and newsletter footer
Related venue image cards lead into a black footer with navigation, newsletter fields, consent text, and legal links.
Imagery · Photography is the defining visual material: the hero shows the venue interior, followed by images of the space, food, drinks, and social posts. Use real-looking hospitality photography with natural materials, warm light, and candid human presence. Hero imagery spans the viewport with the title layered over it; supporting images form wide or compact horizontal galleries. Video-like social thumbnails are treated as image-led tiles, not illustrated UI.
Lead with a full-bleed, authentic venue photograph.
Keep the hero title centered and editorial.
Use Gallery Cream for broad content sections.
Use Deep Ink selectively for strong section transitions.
Pair light serif headings with understated sans-serif utility text.
Separate modules with fine, warm-toned rules.
Keep booking and menu actions visually quiet.
✕ 不该做
Do not add bright interface colours absent from the measured palette.
Do not cover the page in cards or heavy shadows.
Do not let buttons compete with the venue photography.
Do not use bold, oversized sans-serif headings.
Do not force all navigation or headings into uppercase.
Do not replace the horizontal image-led gallery with decorative illustration.
Do not crowd the cream content sections with dense text.
给 AI 的提示词
想快速出一个同风格的新页面，把这段话连同 DESIGN.md 一起发给 AI。
Build a new hospitality venue page in the DOMA R&B visual style. Start with an immersive, full-bleed venue photograph, light overlaid navigation, and a centered Domaine Text–like title. Use Deep Ink (#000000) for selected dark panels and text, Gallery Cream (#f5f0ea) for the main content field, Stone Canvas (#ddd8d2) for subtle canvas or card backing, and Muted Brass (#b9b1a4) for restrained pill actions. Keep headings in a light editorial serif and body, navigation, and metadata in a clean light sans-serif. Arrange venue details in a calm two-column block, then use horizontal photography, social thumbnails, and a black gift-card feature. Maintain generous section breathing room, thin warm dividers, minimal elevation, and a practical black newsletter footer. Let photography supply the rich colour.
