🆕 最新收录

全站近乎纯黑,首屏是一间黑暗的和室——榻榻米、一盏橙色吊灯、地上散着手冲器具,右侧一个正圆形遮罩里嵌着窗外爆炸性的翠绿森林,黑与绿的明度差极暴力。Logo 用带弧线衬线的英文小写,气质像旧唱片封套。GSAP+Lenis 平滑滚动,圆形遮罩会随滚动缩放。记忆点就是那个'黑屋子里的绿窗洞'。

整站做成一台复古街机/RPG 商店界面:暗红棕渐变背景像烧过的铁皮,顶部一盏吊灯打下光锥,面包实拍图被抠出来摆在一排排木质小货架上,下面挂金属价签。右上三颗圆形指示灯配红底像素感按钮,左侧还有一条'现在合计 ¥□□□□'的血条式计价槽。把'面包店'翻译成'工厂+游戏 UI',辨识度极高。

Dabiz Muñoz 的店,整站是一张会动的朋克海报。页面被切成五条水平横带,每条一个荧光色(酸黄/紫/草绿/正红/灰白),底纹是黑色木刻版画风的怪兽、格子旗、鸟。导航词用超粗压缩黑体挖空压在色带上。上下各一条红色跑马灯,左右两侧还有竖排滚动文字。四面都在动。

首屏是暗调视频:一只手按住烤肉,长刀切下去,热气在暗背景里浮起。右侧竖排巨大黑体'清く正しく謎めかしく'压在画面上,字号大到出血。左侧一条窄的深色侧边栏,竖排小字导航——'索引'这种旧书用词是设计者的自觉。Logo 是一个戴礼帽的剪影绅士。灰褐+米白+一点正红,字体混了 Bodoni Moda 与 Didot。

首屏几乎全白,正中央一整栋五层唐人街老药铺的手绘水彩立面图(薰衣草紫、薄荷绿、鹅黄、蜜桃粉逐层叠色),底部还画了水中倒影。左右两侧各一行超大字距的细体英文小标题,把画面当成一张对开跨页排版。整站几乎不用照片,全靠这张插画建立记忆点——中式老建筑 + 水彩 + 大留白,辨识度最高的一个。

深牛血红(近黑的酒红)通铺,背景是超大号的幽灵字店名,只比底色亮一档,几乎融进去。前景漂着抠图的辣椒和青柠切片,全部做了粗网点半调(halftone)处理并强推饱和——辣椒是血红、青柠是荧光黄绿,像80年代丝网印海报。色彩极毒,这批墨西哥站里视觉冲击最强的。

全站用 IBM Plex Mono 做正文和 UI(等宽字体优先的系统,餐饮圈几乎没人这么干)+ Founders Grotesk 做标题。白底 + 单一朱红,没有第二个颜色。导航是无限横向滚动的 marquee 跑马灯。自定义'果冻/透镜'光标会在图片上产生扭曲。页脚跑实时数据:当地时间逐秒跳 + 当前气温。DVTK 工作室作品,这批 brunch 里欧洲最强的一个。

极端克制:纯白背景,全站只用一种橘红。首屏正中三枚单线条描绘的鱼——两条真鱼、两枚鲷鱼烧的饼身并排,像图鉴插页。店名用超宽字距的几何无衬线。左右两侧竖排淡橘小字是店家的自嘲标语'不是鲷鱼也没关系嘛'。整页几乎没有照片,靠线稿+留白+一句冷笑话立住品牌,非常反餐饮网站惯例。

近黑底,首屏是一个半圆形(拱顶)遮罩,里面是正红背景下穿白色和服的女性侧脸在挖一杯冰淇淋,白色花瓣散落。半圆被一条细缝从中间劈开成两半,构成一个不对称的裂口。标语用一款有小尖角的老式衬线体,三行左右错位排布。Logo 是双环 ∞ 符号。红/黑/白三色,妆容感很强,完全不像食品站。

整站没有一张图片。纯黑底,一整段介绍文案用超粗无衬线体铺满整个视口当主视觉,关键词被挑出来上色:店名是发光的霓虹品红(带光晕),其余关键词是暗金色。等于把一段话直接当排版作品。玩字体排印(typographic manifesto)的路子,成本极低但气质极高,非常适合小店参考。

纯黑底 + 全屏定制几何字体(Art Deco 风,C/G/E 字母被切成弧线与直角的拼接),首屏只有城市名清单逐行左对齐,行高极紧。没有任何图片,靠字形本身当视觉。hover 逐行切换背景视频。极简到近乎挑衅,是餐饮站里少见的把字体当主角的做法,记忆点极强。

整个首屏是一张手绘水粉/色粉插画:奶油色底,画着两个'花头人'——一个头是紫色三色堇、一个头是黄色饼干,穿白围裙站在夸张放大的橙色雏菊之间,周围散落饼干、马卡龙、巧克力。笔触故意留着纸纹和粗糙边缘。店名用极细的紫色手写连笔。用绘本而不是食物摄影来做甜品店首屏。

整站建立在一个海军蓝 #2d4a6c 上,配更深的 #1a2b3b 和淡蓝灰做唯一的辅助色,白字。进站是一整幅海军蓝幕布,中央一枚手绘白色线稿徽章——一条鱼被穿在三叉钩上、一艘平底船的船体、拉罗谢尔港口塔楼被装配成一张帆,用 GSAP 动画揭开后才露出内容。字体是几何 Art-Deco 显示体(宽字距全大写)配 Poppins。记忆点就是那枚'渔夫兼厨师'的徽章,像船厂的铜版雕刻,完全不像餐厅 logo。Symfony 自建,非 WordPress。

这批里最有底气的一个。整页是一片平涂的淡紫丁香色 #c48dbf,所有元素用深钴蓝 #152085 排,首屏没有一张照片。字标是敦实的圆角几何无衬线,近乎等线,字腔又肥又闭合,孤零零放在左上。导航就是放大的纯文字清单(地址/城市/Menu/Wine/Bookings)左对齐堆叠,行距极松。记忆点:一家生蚝吧的网站,拒绝出现任何一只生蚝,靠颜色和字体赢。

极繁主义的'泰式美式复古'拼贴:底纹是橙金色磨砂玻璃渐变,店名用带斜面高光的立体铬金字体(像90年代冰淇淋店招牌)。所有照片都套上白色蕾丝餐垫花边相框,随机旋转角度散落成拼贴墙,菜品名用手写英文+泰文双语签在图角。'土到极致变成潮'的路线,跟一般泰餐的柚木+金佛路线完全反着来。

骨白通铺,店名用极细的几何无衬线大写字撑满上半屏,字母 O/C 是正圆、横笔细到快消失。画面正中是一个纯黑的扁长椭圆——像龙舌兰叶的剪影,也像一枚墨点,是整页唯一的图形元素。极简到近乎行为艺术,但一点不空洞。(Enrique Olvera 集团)

整屏只有一件事：深灰水泥质感背景上一只俯拍白瓷圆盘,盘子几乎占满视口,菜只占中心一小块,靠巨大留白制造压迫感。Logo 是极细白线勾的山形字标,左上角很小。全站无装饰、无色彩,纯灰白+食物本身的焦糖色。'摄影即版式'的极致做法。

整屏就是一张照片:粗粝的黄褐色石墙,右边一扇深木框玻璃窗,窗外是阴天的巴斯克山谷、秋叶和一栋红顶农舍;窗下地上斜靠着两把炭火用的铁网筛。左侧小小地放白色衬线字标。没有按钮、没有色块、没有动效噱头。

首屏被一张巨大的几何图案铺满:黄、灰、黑、蓝、绿色块拼成的重复方阵,每个单元像一个抽象的'人/山/书'符号,白色缝隙把色块切开,明显是丝网印/布纹的味道。正中央挖出一块白底,放四行明朝体日文。没有一张食物照片,靠一块印花把'山居书店+咖啡'的气质讲完。

完全手写:一个 8.3KB 的 main.css,无 CMS、无框架、零 JS 库。自托管字体就叫 hb。全站只有三个颜色:浅灰 #F2F2F2 / 中灰 #717171 / 绿 #1E792C(跟餐盘绿边一致)。摄影就是全部设计。⚠️老域名 holybel.ly 已被劫持成 SEO 垃圾站,这个才是真站。

一整个餐厅站压缩进一屏饱和芥末黄(#E0A32E),零摄影。唯一的图是一幅钢笔线稿——44 Bridge Street 那栋弧形 Art Deco 老楼,连棕榈树和门口停的车都画进去了。顶部一条跑马灯同时叠两套字体:宽字距 Didone 大写与更大的锈红斜体手写体,以不同速度滚动,字互相穿插。导航只有两个词 Menu 和 Book。手写静态 HTML,一个 css 文件,无框架无 JS 库。它的记忆点是那份底气——没有 hero 大图、没有食物、没有视差,就一幅画躺在芥末黄上,读起来像一张火柴盒封面。

整屏铺一张手绘铜版画风格的海洋插画——美人鱼、螃蟹、鳗鱼、生蚝、漩涡线条,灰白线稿压在深橄榄墨绿底上。正中是白色 Didone 衬线字标,上方一个王冠+鱼尾的徽章,下面宽字距小字 EST. 1910。四个操作是描边幽灵按钮竖排居中,没有一个实心 CTA。记忆点就是那张插画:不用食物照片、不用海景照,直接拿一整面海怪版画当门面,古典而不俗。

巴勒斯坦菜。沙土米色底,正文用等宽打字机字体,标题字距拉得很开。右侧店面照片被裁成拱门形状(中东建筑符号),旁边压一层墨绿色阿拉伯书法和淡粉手绘枝叶。下一屏照片又裁成圆形。拱/圆的遮罩形状是全站记忆点,克制又有文化指向。

记忆点全在字标:店名被拆解成几何笔画——D 变成一个括号加圆点、i 的点单独浮着、字母之间留出奇怪的缺口,像 elBulli 系一贯的解构。首屏是三张菜品硬照拼的网格(红色海胆球、绿色苔藓、黑色球体),每张都是黑底或灰底的实验室感静物。

首屏是蕨类植物丛的慢速视频,画面几乎全是深绿。压着荧光黄绿色的高对比衬线 wordmark 和同色大字标语,几何无衬线字重很轻。荧光黄绿 + 森林深绿这组配色非常大胆,在素食站里几乎独一份,不走常见的米白+牛油果绿。

深墨绿黑底上做拼贴:主图是烤鸡肉串特写,但外框被一圈手绘白色蜡笔粗边'撕'成不规则形状,像剪贴簿。店名用圆圆的手写体,中间嵌一颗黄色五角星。四周散落抠图元素——老板本人抠像、举着蔬菜的店员、达利式软钟。右侧一条竖排巨大英文出血。GSAP+ScrollTrigger 驱动。土味与设计感的平衡拿捏得很准。

左右分栏。左半是布纹质感的米白底,正中一个手写毛笔'伊'字被圈在一个饭团形(圆润三角)的墨圈里,Logo 字里 U 和 M 被设计成饭团的弧形。顶部有一条横向无限滚动的巨大跑马灯,只露出下半截字,被首屏切掉。右半白底放盐饭团实拍,配竖排明朝体黑框标题,每列一个描边框,像书脊。

手写静态站,全站只有 #111111 和 #FFFFFF 两个颜色,一个都不多。Letter Gothic Std(打字机等宽体)+ TT Turns。零装饰、零渐变、零阴影,纯靠排版和留白撑场。是那种'什么都不做'反而最难做的克制路线。

开场是一整幅纯黑幕布,屏幕上只有店家的书法字号——鮨 字放大,みつ川 竖排在旁,枯笔飞白,下面一条细如发丝的进度线。这个开场就是全部品牌宣言:黑、白、墨,别无他物。往下是单页纵向结构,分お品書き/店主/店舗/アクセス,讲东茶屋街、米其林星和大樋烧的餐具。CSS 里唯一的强调色是一抹暗梅紫 #a25768。手写静态站,无 CMS。

满幅暗调视频:俯拍近乎全黑的水面,叠一层颗粒噪点。上面压超大的粗压缩显示字体,米白色,每个字母都带一层硬赤陶/铁锈色的 3D 挤出,再加一层炭灰色第二阴影——三层错位叠印,读起来像木刻版画。石油蓝/青绿的实心色带在上下夹住 hero。正文是宽字距的等宽打字机体。

左右分栏:右侧是纵向滚动的图片流,全部是暗调静物摄影——一只小龙虾摆在灰岩上、一杯淡黄酒液里滴入墨绿色素,背景是深灰磨砂纸,像博物馆图录。左侧大片留白,只有一小段衬线小字文案和主厨署名。杂志内页式的编辑型排版,克制、贵气。

满屏高饱和柠檬黄,中央一个椭圆遮罩里放肉骨茶实拍(陶碗、排骨、油条)。Logo 是一只红色描线的胖猪,四周用弧形排列英文,两侧竖排红字'肉骨茶／哺哺'。碗的左右各挂一串糖葫芦式的白色圆片,里面是书法字'健康美味'——用繁体字点出南洋出身。右下角一个红色爆炸星贴纸。用了 Lottie 做动效。

左右强对比:左半是米白纸纹上印着灰白色的'波浪+方格'重复图案(像和纸压花),右半是一整片流动的焦糖——高饱和橙棕色酱汁从顶部倾泻而下,边缘拉出一排下垂的糖滴,占掉半个屏幕。中间悬着两枚压印了品牌字样的最中饼,其中一枚被切开露出白色奶油夹心。品牌名用一款把 D 反写、O 带缺口的实验性衬线体。

首屏是一整幅黑白木刻风的泰式铁窗花纹样,粗黑线条带明显的墨水断裂和飞白,铺在米灰色的粗纸纹底上,像一张手工丝网印海报。店名用圆润手写体小字压在右下角,刻意不居中、不放大。整站没有一张彩色照片抢戏,就靠这个纹样单元反复变奏。质感非常'独立小馆 + 版画工作室'。

整屏纯正红打底,上面是超粗黑体全大写的地点清单,字大到几乎撑破视口。右上角贴一个火焰爱心 emoji,底部散落抠图的菜品圆盘和老式漫画恶犬贴纸,像剪贴簿。红黑二色 + 剪贴图 + 零留白,很朋克很 DIY,风险高但记忆点极强,适合做'年轻街头泰餐'的参考。

进站就是左右对半的双门入口:左半是一整块饱和芥末黄的玉米面团(masa)微距,表面有裂纹和玉米碎粒;右半是冷灰水泥墙前的陶碗静物。左边压圆胖的70年代复古斜体粗字(字母中间还嵌了一个小太阳图形);右边压规整的粗衬线正体。用一个页面同时立住两个子品牌的性格差,分屏做得很聪明。(Noma 前甜点主厨品牌)

首屏是压得很暗的开放厨房视频,暖褐色调,人影走动。中央四个字母字距拉到极限、细体无衬线,下面并排三朵米其林花标。整体几乎全是黑褐+一点点铜光,靠视频里的火光提亮。氛围是'暗厅里看厨房',很电影感,但不靠滤镜堆。

左右对半分屏,两家分店各占一半。左半是黑色石墙上挂的锈铁招牌(北非风格的鱼/龙浮雕),右半是夜里的诺丁山建筑加一颗爆闪星芒。品牌字标用象牙白的粗板状衬线,带轻微立体描边,像旧式马戏团招牌。全站只有黑+象牙白两色,够狠。

完全反套路:整屏是几十块手绘油画色块拼成的砖墙(橄榄、无花果、石榴、地毯纹样、地中海小船),饱和度拉满的紫/黄/橙/荧光绿混排。导航是白描边的马克笔涂鸦字,直接压在色块上。没有一处对齐、没有留白。极端 maximalist,看一眼忘不掉。

整站单一灰蓝色铺底,顶部一枚细线雕刻风格 D 字花体徽章,下方 'DU PAIN & DES IDÉES' 用极大字距的细体无衬线横贯屏幕。Webflow + GSAP 做滚动逐段揭示,色块与老店天花板壁画照片交替。留白量大到有点冷,正好呼应这家 1889 年老铺的复古气质。

钴蓝色背景的硬光棚拍——一排玛格丽塔、盐边杯、青柠角,影子锐利。叠了三枚彩色贴纸式图形:粉色爆炸章、黄色爆炸章、蓝黑双色错位字。logo 是白色手写涂鸦体。Webflow + GSAP,滚动时贴纸跟着位移。钴蓝/桃粉/亮黄俗艳得很有主张,完全不像'素食'该有的样子——这就是记忆点。

米白底,左上角草绿色粗手写体 logo(笔画带弹性,像马克笔一笔写成)。导航是等宽小号大写竖排。中间三张照片错位叠压(俯拍餐桌/蓝白瓷盘/老瓷砖自助台),故意重叠不对齐。右上一枚亮黄色 RÉSERVER 按钮。米白+草绿+柠檬黄很轻,和 Ducasse 的名字反差得刚好。

钴蓝色块 + 柑橘切片当 O 的定制 logo,Webflow + GSAP + Lenis 平滑滚动。蔬食为主(vegetable-forward)但也供应少量肉/鱼,不是纯素。设计语言极强,色块与摄影的切换节奏干净。

做成一张老式火柴盒/昭和电影海报:左侧一个橄榄绿色块,带虚线裁切边和纸张噪点,上面一条竖排明朝体长标语,底部叠一个红色大圆弧和黑色圆弧。店招是有金属高光的复古美术字。右半是珊瑚红背景的咖喱俯拍——青花瓷盘、白饭、鲣鱼花。整页几乎不用直角,全是圆弧切割。

左右两栏对开:左栏是暖调实拍——一双手正在搓红豆馅料,画面偏暗,压着白色衬线英文三行左对齐。右栏是高调白背景,堆叠着饼干和铜锣烧,几乎过曝。两栏交界处飘着三块笔刷色块——墨绿三角、赭金方块、靛蓝圆点,像日本画的颜料试笔。字体用 Zen Old Mincho。

全站只用一套字体 IM Fell DW Pica(17 世纪活版印刷的复刻体,带毛边和油墨扩散感)。纸白底 #FFFDF6,三个姊妹店各有自己的墨色:砖红 #C52A13 / 鼠尾草绿 #699B8D / 橙 #F97E00。首页没有 hero 图,就三个居中的字标——极度自信。

极其反套路。首屏没有食物、没有店面——是一张黑白微距叶片照(带水珠)铺满整屏;上面再叠一个内嵌方框,框里是同一张照片的绿色双色调(duotone)版本,形成"画中画/画廊装裱"效果。下方信息区是极窄的四栏无衬线小字,像美术馆的展签。整体是"当代艺术馆而不是餐厅"的气质。(neo-fjordic,海鲜为主但不专营)

米黄底。右侧一张竖长的圆角拱形照片,里面是店主推开木门、拎着牛皮纸袋和咖啡的实拍。左侧的导航很特别——六项沿一条弧线排成半圆,围着一个手绘的黑色墨块头像(甜甜圈变成脸)。最右侧还立着一条竖直时间轴,标出各时段并高亮当前时段。GSAP 驱动。

静物摄影主导:奶油色木纹墙前一张白桌,摆着黄油夹心饼干、白瓷茶壶、马克杯、一束粉蓝小花,还有两只釉面陶瓷狗当摆件——这两只狗是记忆点。品牌名把 RAISIN 做成只有金色描边的空心字,夹在实心的 (NO) 和 SANDWICH 之间,直接把'没有葡萄干'视觉化。

首屏是暖调餐厅实景视频:琥珀灯光、墨绿竖纹墙、砖红皮椅、前景真棕榈叶做景深遮挡。店名用定制衬线体,笔画末端带泰文书法的钩挑和涡卷,是整站的核心资产。正文却用等宽打字机体,跟花体标题形成冷热对撞。属于'高级南泰'那一挂,克制但字体有真功夫。

极简瑞士网格:纯白底,左上一列全大写小字导航,中间一栏营业时间用等宽体对齐成表格,右上角店名四个超大字距的黑色无衬线字母。整个视口只有一张照片——吧台上一盘蛤蜊的抓拍,虚焦、颗粒、像手机随手拍,故意不修图。信息密度极低,靠版式和呼吸感撑场,'高冷但不装'的典范。

整屏铺满一种很冲的洋红/品红色,带细密的白色噪点纹理(像有颗粒的美纹纸)。正中央是一枚深紫色的圆形徽标:一只手掌形状抽象化成鸡的剪影(掌心是鸡眼、两根手指是鸡冠),外圈环绕环形文字。除此之外整个首屏什么都没有。双色 + 一枚强 logo 撑全场,是秘鲁烤鸡这种平价业态少见的高完成度品牌站。

暗色调,左侧 2/3 是夜景实景:玻璃幕墙后的酒吧长台、成排的酒瓶背光、墙上挂着一枚红色太阳纹图腾。右侧 1/3 竖排三张卡片,每张带圆形箭头按钮。左下角标语用粗厚、带内凹缺口的复古粗体(有点70年代招牌感)。深棕黑 + 奶油黄的双色,克制但有肌理。

淡卡其/亚麻色纸底,四角散落黑白铜版画风格的手绘插图——长着树根的云、骑在猪背上的农夫、抽象的山丘和小飞机,线条是密集的排线(hatching),像19世纪博物志的版画。中央是圆形徽标:一头猪的侧影套在椭圆框里,做旧成盖章的斑驳效果。插画量大且统一,是'手工版画'方向的好样本。

近乎全黑的深靛蓝底,正中一张俯拍:一只表面布满冰裂纹的白瓷圆盘,上面堆着一小丘碎裂的淡紫色薄片,像考古碎瓷。上方是两枚白色米其林花瓣图标。店名是主厨的手写连笔签名(细白线条,带自然抖动)。暗黑、雕塑感、把菜当艺术品拍,是 fine dining 里做得比较狠的一版。

底图是炭火上烤鸡肉串的特写,火红的炭块直接当背景色。品牌字是手写体,字里做了裂纹/磨损处理,中间叠一只木刻风格的狼头。辅助色是一种很违和的深紫罗兰(弹窗、按钮、页脚),跟炭火橙撞在一起反而立住了。

左右分栏:左边一整块奶油黄纯色配一句 grotesk 无衬线标语;右边直接怼一张柿子色的菜品照。导航用自定义显示字体,字母有手绘般的歪斜和尖角(V/S 尤其怪),非常有辨识度。底部一条杏橙色跑马灯滚动公告。色块+怪字+跑马灯,三样撑起全部。

顶部一条深墨绿色导航条,字标用高对比 Didone 衬线大写,配细体衬线导航项。主图是俯拍白瓷碗,里面是浇了橄榄油的韭葱和刨雪的白奶酪,底下垫牛皮纸色的粗糙桌面。绿+牛皮纸+Didone 很像高级杂志的美食内页,冷静、不喧哗。

满幅一张暗调实拍照:曲木吧台的弧形拱洞、红酒杯、几只赤陶小碟的 tapas、背对镜头的客人,全是暖钨丝灯光和深棕。导航只有极小的三个白色大写词。左下角一段全大写小字直接当信息区。没有 hero 标题、没有 CTA 按钮,冷淡得像一本摄影集。

底图是墨尔本 Hosier Lane 的涂鸦小巷夜景——湿的鹅卵石路反光、两侧墙面全是荧光涂鸦。上面压一个巨大的白色衬线店名,字大到几乎顶满宽度,衬线锐利,跟脏乱的涂鸦形成很强的'高低反差'。冷静的字+喧闹的图,就是它的全部策略。

红色拱形排列的 wordmark(ANDERSEN 走弧线、&MAILLARD 平排),压在暖白色调的室内摄影上——亚麻窗帘、微水泥柱、藤编椅、太阳/人脸挂盘。低对比几何无衬线黑字。北欧极简 + 一点点红作为唯一强调色,右侧竖排城市名。克制、贵、不装。

整页只有薄荷绿背景 + 深墨绿几何无衬线店名 + 三家店地址,零图片零导航。字母 R/C 有圆润的 Futura 感。极端克制到像一张名片,是 Fabio Ongarato 那派澳洲品牌美学的直接延伸。放在一堆面包摄影站里,它靠'什么都不给'反而最抓眼。

首屏一段慢速视频(手托木铲送辫子面包进炉),压着巨大的 Didone 高对比衬线店名,字宽到左右出血。顶部一条蓝色滚动跑马灯,导航用蓝色小号无衬线,中间一枚极简蓝色圆点 logo。蓝 + 面包金棕的对比很干净。

白底,顶部居中一枚黑色圆形徽章 logo(手写体沿圆环排布)。首屏是一段窄画幅的烤炉视频——三条面团在炉膛里,画面偏暖黄近乎暗调。左侧竖排 SCROLL 加细线做滚动引导。日式的留白密度和克制字号,视频只占中间一块而不满屏,取景很聪明。

暖棕/奶油色调,logo 把 P 抽象成勺子+圆盘的线性符号,重复出现三次形成层叠。导航分成 dine/discover/innovate 三栏,每栏上方一条细横线,像书籍目录。首屏是店面雨棚实拍,暖光。标题用优雅的过渡衬线体。低饱和大地色 + 精细排版,克制到有点学术气。

纯黑底 + 全红字,没有第三个颜色。店名用粗衬线压缩体大写,下面叠一行红色手写花体,再下面是等宽体的联系方式加括号,像旧唱片内页。朋克/唱片封面的排版语言硬搬到餐厅站上,黑红两色的暴力对比。这批里最有态度的一个。

整个首屏是一张剥落墙皮的微距照片——赭黄油漆块、粉灰石膏、锈斑、霉点,纹理丰富到像抽象画。上面用极细的白色单线手写体写店名,笔画细到几乎被背景吞掉,这个反差很好看。整站几乎没有食物图,靠一张'脏'的墙面定调,很反直觉。

首屏上半是一片赤陶红到深棕的柔和渐变(无图,纯色场),下半直接切入一张大景深实拍——蓝灰色调,手正在把一块可丽饼摊开,前景一只青瓷杯装黑咖啡、一把金色叉子。冷暖两块色域硬切,交界线是一条直的水平线。左侧两列白色竖排细明朝体压在渐变上。

整屏一张低照度实拍:从店内纵深望向吧台,水泥灰顶棚、一排细长吊灯的暖光、一株室内树、吧台上一列酒瓶反光,尽头是一个白色拱门配楼梯。色调压得很暗、几乎单色,只有灯泡是暖橙。右侧压两行白色细明朝体,下面跟一段等宽字体的英文小字。极安静。

底层是 Squarespace 但被彻底重写,看不出一点模板痕迹。自有字体 'am' + 自制图标字体 'dime-icons'(连图标都做成了字体)。奶油黄 #F9E49C + 番茄红 #F0523D + 近黑 #272727,三色系统很干脆。

全站只用一套 Weiss Antigua——标题、正文、按钮全是它,没有任何无衬线字体出现。骨白底 #F9F9EF,按钮是 1px 细线描边的胶囊。Frederik Bille Brahe 的店。跟同老板的 Atelier September 成对研究会很有意思:一个全衬线,一个全钴蓝。

电影感的满幅照片:餐厅面朝大西洋敞开——浅沙/牡蛎色调、薄纱窗帘、海军蓝丝绒椅。上面压一个巨大的细笔画高对比衬线体店名,字距拉宽到左右出血、撑破 1200px 视口。Webflow + GSAP + Lenis 平滑滚动。导航是浅色衬线配一枚饱和海军蓝 #16397E 的预订按钮,金色 #BE9F56 只出现在标记里。把超大衬线字当建筑构件横跨海景,这一手很漂亮。⚠️顶部导航是母公司酒店的(Rooms/Wellness),读起来偏酒店站。

页眉是一条深瓶绿色带,托着高对比 Didone 衬线字标和一枚手绘鲸尾线条标。下面 hero 是宽幅室内照——粉蓝色木作、赤陶粉墙、纸质球形灯、一条红色纸浆鱼、生蚝吧台上堆满冰和柠檬。SEAFOOD BISTRO & OYSTER BAR 用大号全大写显示衬线横压其上。hero 正下方切进一块实心赭黄色块,于是整页读作三段色场:绿 / 照片 / 芥末。底层是 Squarespace 但一点模板味都没有。

首屏是黄昏时分的海滩木屋实景——集装箱改造的餐厅亮着暖橙灯串,沙滩上一排深藏蓝帆布躺椅。品牌核心是一枚手绘鱼骨骼 logo(白色粗笔触,像随手画的),它被印在每张躺椅上,形成"照片里也有 logo"的呼应。深海军蓝 + 暖橙灯光。整站气质是"野生海边棚屋",不装精致。

暖奶油底 + 一枚纤细的描边手写体字标——发丝般的笔画、不填色,几乎像雕版。Hero 是一张硬闪光的明暗对照摄影:黄绿色汤汁里的蛤蜊躺在白盘上,拍在深牛血红桌面上,影子硬生生打向右侧——刻意的"机顶闪光灯"餐厅摄影,而不是柔和日光。记忆点在于那枚苍白精致的手写 logo 与这张粗暴的小报式闪光食物照之间的张力。

深酒红通铺,店名用细衬线小写体,填的是带颗粒的金箔纹理,像烫金印刷。背景视频是俯拍的老式花卉描金瓷盘和银餐具,菜是复刻的20世纪泰国宫廷菜,画面偏暖旧。导航泰英双语并置。下半段切到米白底 + 酒红大写衬线标题。复古考据感做得很实。

入场是一块深可可褐纯色,中央一个极细的浅金色字标,字距拉得很开,字母 S 的笔画被做成不闭合的开口,下面一根短金线。页面四周留一圈奶油色边框,像把整站装进一个相框。褐+金+细线走高级酒窖路线,加载过场本身就是设计。

藕紫灰底(带脏粉调,很少见于食品站),首屏一个米黄色拱形遮罩,里面是一支喷枪正在灼烧壶烤红薯表面的焦糖,火焰和糖泡拍得非常近。顶部一行超大浅米色无衬线英文被左右切出血,形成横向跑马灯。整页只有紫、米、焦糖三色,质感偏杂志广告。

白底极简。中央一张暖调实拍:木质书架前一个戴眼镜的男人在翻书,右侧窗外是绿叶——刻意不拍饭团而拍'书',呼应'食物与文化的现代长屋'定位。六个字母用极细线条、超宽字距横排在照片顶部,字母被照片上缘压住一半。留白量大得像画廊。

整页铺深海军蓝,只在右半嵌一张烘豆机实拍——银色滚筒、一只手抽出取样勺,豆子清晰可见,图片右侧出血。左侧大片留白,只放三组信息。字体全站用一款带人文气质的细衬线/半衬线,白色。用了 matter.js 和 rellax 做物理/视差。冷静克制。

首屏是餐厅实景轮播:橘红灯箱、鼠尾草绿丝绒卡座、藤编椅、陶土吊灯,色温调得很暖很电影感。店名用粗笔刷手写体三行左错落叠排,白色压在画面正中,笔触边缘有明显毛边和飞白。首屏底部用一条撕纸/水泥灰的不规则毛边收口过渡到下一屏。氛围拿捏得准。

全站黑白:纯黑底 + 白色粗体几何无衬线。内容区是左图右文的经典对分,图是后厨的黑白纪实抓拍,颗粒和反差都拉得很足。有个小彩蛋——主厨戴白色厨师帽的抠图人头浮在预订按钮旁边,是整页唯一的幽默点。冷峻的纪实感 + 一点点顽皮。

左右分栏。左半是竖幅黑白建筑摄影:一段粗粝的清水混凝土螺旋楼梯,下面是黑色大理石墙和摆好餐具的黑桌,光影硬。右半是纯白底上一大段左对齐的正文,讲这家店在印度/东非/墨西哥之间的移民饮食脉络,西英双语并置,用高对比过渡衬线体。彻底放弃菜品照,用长文和建筑摄影立场,很有主张。

全屏视频:炭火烤架的极限特写,橘红火舌在焦黑木炭和一大块滋滋作响的牛肋条之间窜动,画面暖到发烫,边缘压暗做暗角。正中店名用高雅的过渡衬线体全大写,字距很开。除了左上角汉堡菜单外没有任何多余 UI。火 + 肉 + 一个衬线字,把 asado 讲得很克制也很直给。

全屏是餐厅吧台视频,被压成强烈的琥珀/焦橙单色调,前景客人只剩剪影,后厨白亮,像一张过曝的 35mm 胶片。导航平铺在顶端,全大写、字距很开的细体,暖白色。整站不放菜品图,靠'氛围色'定调。Next.js + Sanity 自建。

现代 kebab 的代表。首屏一张鹰嘴豆泥+皮塔饼的俯拍硬照(黑色大理石桌面,冷光),上面压一行超粗白色几何无衬线,字直接骑在食物上。顶栏深炭灰,logo 是线描的 kebab 卷包形状。Webflow + GSAP + ScrollTrigger + Lottie,滚动动效做得比较满。

极端极简。整页深墨蓝黑,顶部居中一个打字机等宽字体的字标。页面正中一行四个城市链接,同样等宽字体,彼此间距极大。除此之外整页什么都没有——没图、没色、没按钮。连 cookie 弹窗都用同一套打字机字体。冷到极致的品牌自信。

巴斯克菜。顶栏是一整条番茄红,配黑色细体全大写导航。主图是餐厅内景硬照:裸露红砖墙、蜿蜒的黑色蛇形吊灯轨道、球形灯泡、青绿色吧台和拱形酒柜。中央压同款番茄红店名,笔画粗细反差极大的高对比衬线。红+青绿+砖,配色很准。

米白底 + 一整幅细线雕版插画:两个天使一个吹号一个托着泡芙塔,中间弧形排布 CONFISEUR·CHOCOLATIER·PÂTISSIER·GLACIER,店名用金色粗衬线。整体像一张 19 世纪的糖果铺包装纸。细双线边框,ESHOP 是金色圆章。复古方向做得很纯,没掺现代元素。

橄榄墨绿底 + 金黄色单线插画:一个巨大圆环里嵌着抽象的 Y,周围手绘蘑菇、菌丝、藤蔓、蜜蜂,线条极细,像植物志的铜版插图。深绿 + 金的组合把'素'做出了矿物质感而不是清淡感。这个插画系统是全站的核心资产。

顶部四枚极细线稿的银杏/蕨叶图形横排,像纹章。灰白 + 深海军蓝双色,低对比现代无衬线,字号小、行距大。首屏是一张浅灰陶盘的居中方图,四周留白多到接近奢侈。'安静型'设计的范本——没有任何动效炫技,靠留白和材质感把三星的距离感做出来。

莳萝田满屏视频 + 镂空 stencil 风 logo。菜园餐厅(farm-to-table),蔬食为主但非纯素。整站靠一片摇曳的绿色作物撑起首屏,几乎不放摆盘图,把'自己种'这件事直接视觉化。

淡粉底上做拼贴式网格:大小不一的照片错落叠放——草莓芭菲、整颗草莓特写、磅蛋糕切片、店主白大褂肖像、蓝底草莓包装盒。中间压一行墨绿色的超粗压缩无衬线,粉+墨绿这组撞色很少见。右侧一段竖排明朝体日文。GSAP+Swiper。

满屏高饱和橘,背景压着一个超大的浅奶油色小写字样做水印,字母被裁到出血。中央两只手举着两卷包装好的湯葉卷——一只粉标、一只墨绿标,包装上是竖排压缩体英文,配色互补。底部一条白色胶囊状信息条整合营业时间/地址/地图/电话。

首屏是一段带声音开关的实拍视频:过曝的高调白光里,一个短发女生在窗边咬一根蛋饼,手挡在嘴前,背景是绿色植物和玻璃反光,整体像日系写真。左下角竖排巨大的繁体明朝体'台灣早餐'——用繁体字直接标出台湾属性。Logo 是由方格和圆点组成的吐司抽象符号。

左右分栏,左侧是一张黑白照片——雨天,店门口的黑色遮阳棚滴着水,一块灰色暖帘挂在木杆上。右侧是彩色的甜点特写。黑白/彩色并置是它的主意。下面挂了一块实时信息模块:'Current time in Kagoshima' 和一个云朵图标 + 'Cloudy'——真的接了鹿儿岛当地天气,这是最强记忆点。

白底 + 一个深钴蓝,所有文字和 CTA 全是这一个蓝。图片故意不对齐基线,制造一种手工排版的错落。跟 Apollo Bar 同一个老板(Bille Brahe),两站放一起看能看出同一人的两种极端解法。⚠️旧域名 atelierseptember.dk 已变赌场垃圾站,别碰。

Next.js + Sanity。品牌色直接暴露在 CSS token 里:米白 #FFFFF4 / 蛋黄 #FFE974 / 橙 #FFBF3E / 粉 #FFECDA / 炭 #3A3635。自有 display 字体 Hermes。'澳式 brunch 之父'的店(scrambled eggs 的原点),视觉一直是暖调高饱和。

摄影是机顶闪光灯 + 35mm 胶片——硬直闪、颗粒、过曝高光,故意反精修,跟 Bille Brahe 那套精致派完全相反。手绘斜体 script 字标装在一条撕纸绶带里。左侧固定竖排导航,右半整块大图。Adobe Garamond Pro(图注)+ Proxima Nova(导航)+ DIN Condensed。

Nuxt + Sanity。定制字体 BistrothequeModern.woff2——logo 本身就是这套字体的一个 cut,不是单独画的图形。这种'字体即品牌'的做法比做一个 logo 图片高级一档。东伦敦老牌,视觉一直很冷。

满幅俯拍(flat-lay)当 hero——一只黄铜边大盘,十二只生蚝在碎冰上排成钟面,中央是 Tabasco 和柠檬,散寿司碗、毛豆和炸物从画框边缘挤进来。字标却走了照片的反面:超宽字距的极细几何无衬线,中间嵌一枚同心单线的蚝壳字形,全白。标语也是同款细体大写:"终于有一家银行,说你的货币。"配色全部借自食物:灰石板色的冰、黄铜、柠檬黄、鲑鱼橙。把"银行"这个双关一路贯彻到导航(Membership / Reserve)。

主色深海军蓝 #142a4f。首屏是开生蚝的手部特写视频做背景,压一层暗色蒙版。标题用宽字距的大写衬线体。Logo 是一个插画版胖厨师的圆形小图标,很有 1916 老店的味道。往下滚是深蓝底 + 浅灰卡片,卡片顶部做了扇贝形凹口切角——这是全站最讲究的一处细节。

全暗调。首屏是餐厅内景——黑色皮卡座、木桌、竹枝、一排赭红色纸灯笼,光线压得很低。Wordmark 是一个几何切割的定制字体,笔画被处理成方块状镂空,像用刀刻的,是整站最有辨识度的东西。日冰混血(Omakase / 竹)的调性传达得很准。

左右分屏。左半深松针绿底,大号高对比 Didone 衬线排一句荷兰语"您的餐桌已备好",字号占掉半屏。右半是黄昏运河实景,被裁成一个巨大的圆弧/拱形蒙版(不是矩形),照片里是白桌布餐桌 + 对岸的阿姆斯特丹中央站。Webflow + GSAP + Lenis。金 + 墨绿 + 米,克制且高级。

奶油/蛋壳底,导航、正文、分割线——所有东西只用一种铁锈/赤陶色的墨。字标是肥厚的复古 diner 手写体,带手绘感和深色偏移投影。内容是三张方形食物图并排(蟹肉卷、冰上生蚝环、紫罗勒生鱼),摄影刻意保持朴素的快照感,不做造型。记忆点是那份单墨单底的纪律:一种墨、一种底,毫无例外。

跟 Kiln 同一设计体系(同集团/同工作室 Super 8):纯白底、左侧竖排小字导航、右上角店名。区别在字体——用的是有手工雕刻感的粗衬线,笔画粗细不均、边缘微微起伏,比 Kiln 的无衬线更有野气。主图是店门口街拍,纯抓拍不摆拍。可以跟 Kiln 对照着看'同一套骨架换字体能拉开多少距离'。

进站是一块深墨绿灰纯色,中央一个把字母彼此穿插、连笔缠绕在一起的手绘字标,线条又细又神经质,像一串花体签名。页面底部压一条淡蓝色的伊斯坦布尔瓷砖格纹装饰带。极简 + 一个很怪的字标,比堆菜品照聪明。

黎巴嫩菜。纯白页面,字标用极细的高瘦衬线、字距拉开,小小地放在左上。主图是留白很足的餐厅内景:黑框拱形落地窗、大片绿植、浅木曲木椅、水磨石地。图片四周留白边(不做满幅),像画册的裱框。全站几乎无色,靠建筑摄影本身的绿和米色。

大量留白的白底。右侧一张冷调实拍:一只银色水烟壶立在玻璃杯上,大量白色烟雾从下方漫出来,背景是过曝的窗和蓝色格栅,整张图偏青蓝、失焦、有胶片感——把'烟'本身当主视觉。左侧 Logo 是手写体,头顶三条橙色波浪线(烟)。

米白外框里嵌一整块砖橘色圆角面板,形成'卡片浮在纸上'的层次。左上 Logo 用一款圆胖的复古 disco 无衬线(字腔里带缺口)。标语三行,第一行只有描边、后两行实心,做出层次。70 年代美式 diner 的配色和字体,但排版是当代的。

Next.js,字体全部自托管 woff2,零 Google Fonts 依赖(说明是认真选过字的)。Howler studio 设计。站内有 playlist 和 merch 板块,把餐厅当成一个文化 IP 来运营而不只是吃饭的地方。

奶油白底 + 深勃艮第红作为唯一强调色。主视觉是圆角矩形裁切的暗调静物:一个葫芦瓢里燃着玉米叶和木片,白烟正在升腾,背景是灰黑石墙。店名用细无衬线大写字,字距拉开。右下角一排极小的荣誉徽章排得很规矩。国际顶级餐厅的通用语法,摄影和留白都到位,但版式不冒险。

通屏高清菜品特写打底:一只白瓷凹碗里放虾肉、脆皮、紫色堇菜花,背景虚化到纯白,摄影是标准 fine-dining 级别的柔光大光圈。店名是一枚绿黑相间的字母组合徽标(四字母互相咬合)。整体偏克制的国际米其林通用语法,胜在摄影和徽标,版式本身不冒险。

通屏铺一张极限微距:几张刚压好的黄玉米饼叠在一起,表面的玉米粗粒、黑胡椒点和边缘裂纹都放得巨大,暖黄到发光,几乎抽象成质感贴图。店名用西部风的镂空/双线描边字体(字母只有外轮廓 + 中间一条高光竖线)。用'原料微距'当主视觉这招在墨西哥菜里很好用。

品牌色是宝蓝+万寿菊黄的强对比。顶栏一整条宝蓝,左边一个圆形徽章 logo(蓝底、黄字、外圈白色花环线描)。主图是烤炉里的一整条比目鱼,暗调、只有炉火的暖黄。蓝黄配色在餐厅站里少见,一下就跳出来,且明确指向西班牙/巴斯克旗帜感。

首屏是景深极浅的甜品微距视频:模糊的白色瓷器前景、中央一颗淋着深红酱汁的白色球体,背景全黑,只有一点冷蓝反光。字标用很细的衬线大写、字距拉开,浅灰白色。全站几乎只有黑、灰白和一点暗红,走奢侈品广告的路子。

整屏微距可颂特写(酥皮层次 + 糖粉 + 冻干覆盆子碎),暖金和奶油粉色。店名用细衬线拱形排布压在图中央,下配手写体 The Bakery。CTA 是米色圆角胶囊描边按钮。摄影是全站唯一主角,构图敢把主体切到出血。

无 logo 首屏,直接进满屏图片轮播:紫红色大理石桌面上的拿铁 + 波浪边奶油瓷盘 + 开酥点心,俯拍。顶部只有一行地址和一个汉堡按钮,底部五个圆点指示器 + 暂停键。整站几乎不放文字,靠摄影的色调统一(酒红/奶白/焦糖)撑住,把网站当 lookbook 做。

logo 被一条细横线从中间划穿(strikethrough),这个小动作就把它和普通餐厅区分开了。首屏是深色木桌俯拍,上面横排三个巨大的高对比 Didone 衬线词 EAT/DRINK/RESERVE,每个下面一条细下划线当导航用。暗木色 + 象牙白字,偏戏剧化。

青绿色内装摄影 + 几何构成的 FARO 标。资生堂旗下意式餐厅,有完整纯素套餐但不是素食专门店。日式的排版密度 + 意式的色彩,资生堂的品牌把控使它比一般餐厅站精致一档。

整站奶油杏色打底,暖到几乎发光。左侧是纵向导航,每项中日双行,上面挂一个手绘线稿 Logo——一只由蔬菜、蒜头、辣椒组成的鸡。中央一张圆角实拍:店员在木质长吧台后与两位客人说话,暖黄光。左下角有个圆形贴纸'TODAY's IPPAI',里面嵌一瓶黑啤照片,绕圈排字。

上半是一块半透明的白色'暖帘'压在店内实拍(酒瓶墙)之上,帘子下缘参差不齐,两条吊绳垂下来——直接把日式暖帘做成了页面结构。帘子中央是墨蓝色的书法 Logo,笔画间嵌着樱花。下半是店内实拍:浅木吧台、五张墨绿椅背高脚椅、身后一排靛蓝手绘瓷砖。用 Lenis。

白底、大留白。左半四列竖排明朝体'目くばり、気くばり、心くばり。',字号很大、行距很松,四列右起排布,是标准的日文竖排纵组。右半一张实拍:白衣白帽的料理长低头在案板上处理鱼生,背景虚化成一片高调白。照片左上角叠了一枚朱红色的方形篆刻印章——这一点朱红是全页唯一的高饱和色。

左右分栏:左半一整张店内实拍——开放式铁板吧台,十几张米色扶手椅一字排开,头顶一条线性灯带。右半浅灰底上叠两张圆拱形照片。中间压一个白色正圆,里面是 Logo:两只线稿棕熊/白熊对坐,中间冒热气——知床的熊被画成了铁板前的食客,很聪明。

Next.js,自有字体 Hermes——跟 bills 的 CSS hash 完全一致,说明同一套设计系统服务两个品牌(Bill Granger 本人的两个招牌)。可以拿来当'一套系统跑多品牌'的样本看。

全屏纪实视频:一位墨西哥女性的侧脸特写,戴一顶插满品红/翠绿/明黄绒球和流苏的传统草帽,背景是过曝的热带丛林和枯棕榈,画面偏灰绿、有胶片褪色感。正中压一行小小的白色做旧噪点窄体大写字。人像而非菜品当主视觉,讲'传承'这个概念讲得很直观。

记忆点全在那个 logo:九个字母用蓝色马克笔手写体连成一条鱼的形状(字母本身构成鱼身,末尾一撇是鱼尾)。首屏是俯拍的招牌全鱼——半边刷红辣椒酱、半边刷绿香草酱,躺在木船形托盘里,底下是蓝白水磨石台面,蓝色跟 logo 呼应。往下切到一整块饱和的电光蓝色块。识别度很高。

整页米白,中央横排四个旗下餐厅的极细线条 logo(半黑半白圆、碗形弧线、分子结构点线),彼此之间留白极大。底部一行希伯来文关键词用点号分隔。没有任何图片、没有任何色彩,纯靠 logo 线条和呼吸感。极度自信的做法。

左侧一条固定竖栏,米色背景,两侧压着蓝白黄相间的西班牙 azulejo 花砖纹样带。栏内 logo 很有年代感:粉色手写体+青蓝色描边+亮黄底的粗体。右侧大图是俯拍的太阳蛋+火腿+土豆特写。复古招牌配色+花砖,避开了所有 tapas 站的黑白极简套路。

米白纸纹底。首屏左侧一行超大高对比衬线体 'JUST MEAT'(字重差极大的 Didone 风格,衬线极细),被右侧的照片切掉尾字母 T,下面跟一行明朝体。照片是错落堆叠的三块:顶部烤牛肉切片、右侧粉底上的两碗牛丼配生蛋黄、左下泡菜。Swiper 轮播。

极简到近乎空:整页象牙白,正中三列竖排细明朝体褐字'本日、和菓子、日和。'。画面下方三分之一处,六枚点心沿一条水平线一字排开,等距悬浮,每枚都是干净去背、带一点柔和投影,左右两端的被裁切——明显是一条横向无限滚动的传送带。GSAP+ScrollTrigger。禁欲系。

满屏铬黄,左右两边各一条深棕色的连续菱形花边(像饼干罐的边框印刷)。中央一个双线圆环里放焦香黄油蛋糕的顶部特写,圆环上下沿弧线排着英文。中间叠着复古的日式商标——一个端着蛋糕的女招待线稿、'謹製'、'登録商標' 和 SINCE 1892。整体像一张铁盒包装的展开图。

顶栏是一整条砖红/赤陶色,衬白色细体导航和一个小白色火焰图标。主视觉是马拉喀什街头集市的实拍视频(背影、遮阳伞、人群),做了褪色发灰处理,上面用同款砖红叠一个超粗字标——红字压在灰调街景上,对比度故意做低,有点旧海报感。

波斯菜。左上角 logo 是一笔写成的波斯文书法,白色细线,非常漂亮。主图是俯拍的羊腿炖菜,暖光、深褐调,餐盘是带花边的老式白瓷。中央店名下面加一行音标 /SŌFRE/——用发音注释当装饰元素,是个小巧思。

elBulli 系(与 Disfrutar 同班底)。字标用蓝绿色高对比衬线。主图是俯拍菜品:浅灰蓝圆盘上摆成花环状的鲭鱼片+黄色鱼子+绿色海藻,盘子底下是赤陶色瓷砖桌面。灰蓝+赤陶的冷暖对撞很讲究。

首屏是浅景深慢镜——白厨师服的手拿起一颗橙红色球体甜品,画面几乎抽象。左下压 CRÉATIONS GLACÉES 大写细衬线 + 下划线 CTA。顶部两层导航分色。奢侈品站的语法搬到糕点上:低饱和、慢镜、大留白,不是电商促销脸。

首屏是隔着橱窗玻璃拍的循环视频,玻璃上贴金色手写体店招,镜头透过它看店内面包,虚实叠了两层同一个字。中央再压一遍白色手写体店名。上下各一条斜纹装饰带。色调偏灰蓝冷调,不走暖面包色,有巴黎老咖啡馆的疏离感。

全站用等宽字体排正文和标题,这在餐饮站里几乎没人这么干,一下就不像模板。奶油白导航条 + 宽字距细体 wordmark,ORDER 按钮是芥末黄。首屏是浅景深的烤炉/藤篮照片。底部把三地门店做成等宽小字清单。

首屏视频(灰陶盘上的鱼 + 西兰花苗俯拍),中央压芥末黄粗体大写 WINNER,每个字母外描一圈红白细线,像老式糖果店招牌。导航条淡蓝色,Order Now 黄底黑字圆角胶囊。淡蓝 + 芥末黄 + 白故意甜俗一点,和精致食物摄影形成反差,这反差就是记忆点。

首屏是过曝的胶片感俯拍——旧工业厂房里排队买面包的人群,白墙、逆光、动态模糊,画面带胶片划痕。唯一的颜色是中间那个芥末黄的小写手写体 logo。导航是极小号黑色无衬线。靠这张'真实到有点糙'的照片定调,比精修食物图更有生活感。

整屏一张夜晚的店门口实拍,色温压得很暖(琥珀色),门是浅色法式对开木门,两侧摆着白色木箱种的绿植,玻璃里透出室内的吊灯和红色墙面。中央压 Logo:一个太阳与叉子结合的线稿图形 + 衬线体店名。下面用 Noto Serif JP + Sorts Mill Goudy 排了七八行居中的介绍文字,行距舒展。

首屏是一张俯拍的静物:深橄榄灰的粗织亚麻桌布上,一只白色方盘被旋转 45° 摆成菱形,里面盛着有机拼盘,四角围着一杯黑咖啡、一碗菌菇汤、一份沙拉、一个白色慕斯,还有一双搁在白石头筷架上的木筷——严格的对称几何构图。

首屏是三块等宽的竖向图片幕帘并排(像卷帘),分别是黄色可可果荚特写、雾气缭绕的可可山脉、以及叠在上面的半透明灰色遮罩层——三层图像互相叠印、边缘半透,会随滚动横向错位。配色只有灰褐和近黑。店址是原东日本银行镰仓支行旧址,'BANK' 是双关。

首屏是一段全屏视频:黄昏的天空,深灰色云层缓慢横移,底下透出橙粉色的霞光——完全不放面包。正中一个白色的抽象 Logo(像两点一线组成的笑脸/面包)。下面一行宽字距明朝体'世界中の街に、ひとときの平和を置いていく。'。用天空当主视觉来卖面包,胆子很大。

Squarespace 重度定制,模板骨架已经看不出来。Panama(高对比衬线)+ PP Neue Montreal Mono 的搭配。名字里带 coffee,实际是餐食主导的 all-day dining。

自建站。Fellix + Victor Serif,近黑 #0F0D0A + 米白 #F5F5F0,视频 hero。伦敦最有名的 all-day grand café。⚠️现已扩成集团站(含酒店),企业味比单店时期重了。

Webflow。Ivy Ora Display + Marcellus + Futura Std 三套字体。矢车菊蓝 #6687D6 + 橄榄炭 #3D3A31 + 燕麦 #EFEBE2,这个蓝在餐饮站里很少见。⚠️实际以 lunch/dinner 为主,brunch 不是核心。

米灰底 + 大量留白,店名用高对比度的 Didone 衬线体,字距拉到极开,横向铺满半屏;上下用细横线和小字副标夹住,是很典型的时装杂志封面排版。下方照片全部裁成上圆下方的'拱门形'(呼应泰式庙宇拱券),横向排成一列。优雅路线,但有 pickup 入口和促销弹窗稍微拉低。

暖棕色调的实景抓拍:一桌客人在老式木桌前大笑聊天,桌上是吃到一半的秘鲁家常菜、花纹瓷碗和玻璃杯,色温压得很暖很旧,像80年代的家庭相册。店名用窄长的装饰性衬线大写字(S 和 L 有夸张的横向衬线)。走'市井小馆的温度'而非精致路线,人物摄影用得好。

顶部一条深松绿色信息条。字标是墨绿色高瘦衬线,两侧各配一只极细线描的公羊。背景是餐厅内景视频:手绘花鸟壁纸、藤编椅背、暖木梁。绿+藤黄+壁纸花色,整体像一间中东风的植物园温室,比一般'地中海餐厅'的米色套路高级。

Moro 旗下的 tapas 小馆。顶部一条南瓜橙横幅,下面是米灰色导航栏,配等宽打字机字体的全大写导航项。Logo 是手绘的连笔 M,线条像随手一挥。主图是夜里从街对面隔着玻璃拍的店内,做了很重的暖橙颗粒感处理,人在动、有拖影。粗粝但统一。

首屏一张极浅的静物:淡蓝灰色圆盘上,五把银叉从画面四周伸向中心,每把叉尖上叉着一块不同的甜点——放射状构图,中心那块最清晰、四周虚化。左侧一枚黑色圆形徽章 Logo(一棵树 + 一把椅子)。左下角一个大号 '03/04' 轮播计数。黑白 + 一点淡蓝,很干净。

暗调实景:一间人字形高坡屋顶的白墙老宅改造餐厅,裸露的砖墙、原木圆桌、开放厨房的不锈钢台面,灯光压得很暗。店名处理得很利落——一个饱和的芥末黄矩形色块,上面是黑色粗无衬线,像贴了一张标签。整站就黄 + 黑 + 暗棕三色。极简、干脆、不废话。

顶栏沙土米色。字标是挖空/断笔的几何造型,R 和 M 的笔画被切断留缺口,像剪纸。主图是贴得极近的烤鸡特写,底下垫一只印着赭石色波斯缠枝纹的老瓷盘,纹样成了整个画面的底纹。波斯感来自纹样不是来自滤镜。

首屏是 Apollonia Poilâne 本人出镜的视频,身后一桌酸种大圆面包,暖木色调。左侧压极大的细体衬线 NOURRIR。虽然是 Shopify 且有购物车,但首屏走品牌叙事(创始人讲述)而不是促销 banner,克制。扣分在导航略拥挤、下方转入常规商品网格。

暗调摄影当满屏底图:纹身手臂戴帆布手套从炉里搬深烤色大圆面包,割纹清晰到能看见气孔。logo 是白色方框戳章,粗体压缩无衬线。美式工坊/工装气质,黑暖棕配色,没有一点甜腻的烘焙俗味。

深孔雀蓝绿铺满全站,是很少见的餐厅主色。店名用大字距细衬线,粉肉色。按钮全部是暗金/赭黄实心块,和蓝绿撞得很沉稳。首屏三张照片并排,边缘留出蓝绿底色当画框。色彩管理很统一,扣分在弹窗和 cookie 条同时挡住首屏。

首屏俯拍分享餐桌——木桌上摊满鹰嘴豆泥、皮塔、烤蔬菜串,四五双手正在伸筷,构图刻意做成'从上往下看真实饭局'。中央压超大字距的白色几何无衬线店名。导航做成一枚白色圆角胶囊浮在顶部中央,这个胶囊 nav 是个小巧思。暖橄榄绿+焦糖色调。

Webflow,杂志式不对称图片网格:左边一张竖长图、中间一张窄条竖图、右边一张横图配标题。标题用高对比粗衬线全大写。摄影是干净的白瓷盘 + 大理石台面。排版节奏(竖/窄/横三种比例并置)是它比同类站好看的原因。

全站只有奶油白底 + 一种天蓝色线条。首屏中央是手写感的蓝色美术字,下面两行手写体文案('如果江户时代的城下町有一家布丁店…')。四周全是单线手绘:姬路城的白鹭城天守、城下町的房屋、小小的江户町人,还有大片流动的蓝色云纹线条贯穿整个背景。像一本绘本的内页。

白底 + 深酒红外边框。左侧是一张手绘线稿:一个纸袋,上面印着'堺名菓 もなか 南曜堂'和一枝鸢尾花的旧式包装图。中间竖排明朝体。右侧六张同样是线稿风格的商品插画,排成 3×2 网格,线条故意画得抖、像铅笔稿。用插画代替摄影,怀旧。

首屏是一张大尺度的饼干特写:淡黄色背景纸上,六七块不同口味的曲奇铺满画面,中间一块被掰开露出断面,微距、浅景深、暖调。底纹上还压印着品牌的浮雕字。右下角浮着一张商品缩略图卡片 + 价格 + 圆角购买按钮。摄影质量是这站的主要分数来源。

Next.js + Sanity,#F6F0EA 米底。纽约最出名的 bagel + 熏鲑鱼 brunch。⚠️属 Major Food Group 集团,视觉偏企业化,不如独立店有个性。

深海军蓝导航条,配一枚纤细的花体字标和白色衬线导航。Hero 是满幅俯拍的一桌菜(白石子上的焗生蚝、翠绿酱汁烤鱿鱼、鳕鱼子酱、蓝边搪瓷盘里的炸鱼薯条),铺在暖奶油大理石上,阳光直射、影子很硬。执行得不错但骨架仍是 Squarespace 的标准餐厅布局——好,但不够独特。

暗调实景大图:墨绿包厢天花、金铜色装饰、窗外是打了灯的郑王庙尖塔——景很好。店名是一枚金色的泰文书法徽标。但版式是标准 Squarespace 结构,画面上直接压了世界50最佳和米其林的大 logo 当装饰。摄影和空间本身很强,网页设计偏保守,属于'素材救场'型,主要给泰式高端空间摄影当参考。

店名用玫瑰粉/赭石色的几何装饰体(Art Deco 风,字母 O 是正圆、X 由两个弧线交叉而成),居中放在纯白顶部,是全站最好的资产。下面一张宽幅实景:粉刷成白色的砖房门脸、橙红雪松木围栏、露天座位区。整体白底 + 玫瑰粉 + 木色,干净明亮。结构偏常规,胜在配色和字体。

首屏是慢镜头视频:一双手捧起一把深紫红色的干玉米粒让它们从指缝间漏下,画面压得很暗,只有玉米粒被侧光打亮——把'nixtamal(玉米碱化)'这个店名直接拍成了动作。店名 logo 是墨绿+橙黄的粗体,字母做了阶梯状的阿兹特克纹样切角。可惜进站就弹一个预订弹窗挡住主视觉。

字标是自定义几何黑体,字母 Q 的尾巴被做成一个方形凸起,往下滚会出现一个占满半屏的巨大黑色 Q(当版面构件用,不只是 logo)。首屏轮播是餐厅实景:砖红+白的大面积几何菱形壁纸、墨绿丝绒椅、金色雕塑桌腿。红绿金偏浓艳,但版式扎实。

品牌符号很强:罗马母狼哺育双子的图腾被处理成藏青色 + 棋盘格填充的线稿。首屏图是这个 logo 被喷漆在烤炉的水泥墙上,前景是面包师的白围裙和木铲——把 logo 拍进现实场景,比单独放 logo 高级。整站只有藏青和白两色。版式偏简单是主要扣分点。

手写连笔的蓝色花体 logo 是全站唯一软元素。首屏是平视的店面正立面照片——刷白木板墙、手绘蓝色店招、两盏铁皮壁灯。摄影几乎是建筑摄影的构图(正对称、水平线严格)。蓝白配色贯穿到顶部 bar。扣分在顶部三个子品牌按钮把首屏切碎。

顶部居中粗体压缩无衬线店名,导航呈三行金字塔式居中排列(不常见,有点像唱片封面)。首屏是暗背景下双手揉面团的高对比特写——只有手、面团和一点木案板,其余全黑。白底 + 黑字 + 一张暗调照片,很干净。

品牌字体是自定义粗体压缩大写(K 和 D 有硬切角),黑白为主,logo 是一枚拳头握着面包的圆形线稿徽章。首屏是周边商品的平铺摄影。伦敦东区街头印刷品那一派——高对比、无灰度、印刷感强。扣分在首屏把周边卖货放最前。

logo 是金橄榄色的 V 字形叶片抽象符号(V 的一笔延伸成叶尖)。首屏是酒吧吧台的浅景深横拍——一只手放在大理石台上,旁边一杯琥珀色鸡尾酒,背景虚化酒瓶和光斑。氛围偏夜晚酒吧而不是沙拉店,定位很清楚。

纯黑底 + 白色卡片式模块。左侧一张白盘俯拍(整根绿芦笋 + 羊肚菌 + 紫色小花,摆盘几何感极强),右侧是媒体评价区,黑白卡片交错。黑底把食物照片衬得像标本摄影。扣分:首屏被金褐色订阅弹窗盖掉大半。

logo 左侧一枚彩色手绘插画(一只碗架在跳动的火焰上,配手写小字 IT'S ON FIRE),右侧店名用超大字距粗体无衬线全大写。导航字体是手写马克笔体,和主标题的机械感形成故意的错配。白底,靠插画和字体错配制造玩心。

白底极简,logo 用深孔雀绿的连笔手写体居中,笔画细而优雅。首屏是浅景深的植物/砖墙视频,色调偏冷灰绿。底部并排两枚米其林圆章当信任背书。导航只有语言切换和一个双横线汉堡键——极度精简。扣分:订座 widget 和 cookie 弹窗同时压住首屏。

极简白底。整屏就是一张大尺寸的料理特写:白瓷盘上的煎鸭胸配黑樱桃酱和红酒汁,酱汁的高光和油脂拍得很有质感,背景是逆光的绿色虚化,暖调。照片正中压一行细白字。Logo 是手写连笔,极细。完全靠一张照片撑场,克制但不出彩。

首屏用四个对角三角形把画面切成一个菱形——左上是店铺外观、右上是握寿司的职人、左下是握寿司拼盘、右下是天妇罗,四张照片沿 45° 斜线咬合。正中留白的菱形里放毛笔书法'意気 × 粋 × 活き'。这种斜切拼贴是 2010 年代中期的日式做法,略显旧,但排版功力和书法用得扎实。