潮汐的
时光。

关于海水呼吸的安静观察。
沿着海岸边,跟随一整天的潮起潮落。

12:002.4 m潮水上涨
+
💡 生成提示词

标题

潮汐时刻

创作提示

创建一个名为"潮汐时刻"的自包含响应式 HTML 海岸观测页。背景采用深大西洋蓝色,搭配巨大而柔和的浅色衬线字体、薄荷色的潮汐曲线,以及半透明的水面渐变。一根水平时间滑块需要能移动垂直的观测标记,并实时更新示意性的潮位、时间与涨落状态。再加入一个回到正午的复位按钮、坐标信息、不可用于导航的免责声明,以及克制的等宽字体标注。所有资源、样式与脚本必须全部内联,确保离线可用。

描述

一份沉思式的潮汐年鉴,将每一天的海水循环视作一段优雅的科学田野笔记。大量留白与编辑感的巨大标题,与那条纤细而泛光的曲线彼此平衡。

主要视觉手法

流动的衬线字体;SVG 渐变填充的曲线;发丝般的细线;海洋色调;等宽字体的元数据;响应式留白。

交互方式

拖动带标签的时间滑块,查看模拟的潮汐变化;点击"现在"回到正午这一刻。