首屏 Hero · 聚光揭示
Lithos 地质品牌聚光 Hero
适合地质、自然科学、户外探索、博物馆展览和高端内容品牌。视觉关键词是黑色岩层、深时间叙事、柔光圆形遮罩、衬线斜体标题和橙色行动按钮。
做一个全屏暗色高端地质品牌 Hero,品牌名叫 Lithos。整体使用黑色岩层、火山岩或地貌图像作为主视觉,首屏占满 100dvh,顶部固定透明导航,左侧是几何岩层 SVG 标志和 Playfair Display 斜体字标 Lithos,中间是半透明毛玻璃胶囊导航,右侧是白色 Sign Up 按钮,移动端改成汉堡菜单。主标题居中偏上,两行文案为 “Layers hold” 和 “tales of time”,第一行使用 Playfair Display 斜体,第二行使用现代无衬线粗体,字距要紧,白色大字号。页面底部左侧放一段关于沉积岩层记录地球章节的短文,右侧放一段关于交互地图追踪石头、化石和深时间的短文,并加入橙色圆角按钮 Start Digging。核心交互是鼠标跟随聚光揭示:底层是一张暗色地貌图,上层叠另一张绿色植被/岩层地貌图,用柔和圆形径向渐变 mask 只在鼠标附近显示第二张图,光圈边缘要非常软,跟随鼠标有 0.1 左右的缓动延迟。加载时底图轻微缩放回落,标题分行模糊上升,底部文案延迟淡入。整体要高级、克制、沉浸式,不能做成营销卡片堆叠,移动端文字不能遮挡按钮或主体画面。