🦪 海鲜·生蚝 · 灵感站

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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