精选 · 开放 · 免费

Lpalo

一个以排版为核心、风格独特的儿童播客平台。

01

设计气质 DNA

一个充满童趣的儿童故事书与现代数字插图的结合。

02

色彩

温暖的柔和色调背景，搭配高对比度的黑色字体和充满趣味、平涂色彩的点缀。

03

字体

slab-serif · humanist-sans

• display120px · 800
• body16px · 400
• label12px · 500

展示型字体专门用于巨大的、引人注目的标题。 · 正文使用清晰、中性的无衬线字体以保证可读性。 · 导航项混合使用胶囊按钮和标准链接。

04

间距

慷慨、开放的间距，让大号字体得以呼吸。

05

表面 (圆角 / 阴影 / 边线)

按钮和插图使用粗2px实线黑色轮廓

06

布局

不对称、有趣的布局，包含重叠元素和散落的插图。

07

动效与交互

UI 元素使用富有弹性的弹簧过渡。 · 背景插图使用微妙的浮动动画。

按钮上的颜色变化和微妙缩放。 · 通过自定义弹性缓动提供富有弹性的触感反馈。

08

组件

• button 药丸形状，带有粗黑色边框，填充白色或强调色。
• card 通过青色形状暗示，具有粗轮廓和有趣的插图。
• chip 用于次要导航的小型药丸形状标签。
• hero 在柔和色调背景上，左对齐的巨大板式衬线标题，配有浮动插图。

09

文案语气与禁用清单

• 语气 有趣、充满奇思妙想且精力充沛。
• 标题风格 大胆、不拘一格且大尺寸。
• 按钮文案 清晰、可操作，并以药丸形状按钮呈现。

• 不要使用标准系统字体——截图显示的是粗板式衬线和人文主义无衬线字体。
• 不要使用微妙的阴影——截图显示的是带有粗2px黑色轮廓的平面设计。
• 不要使用白色背景——截图使用了统一的温暖柔和粉色调背景。
• 不要使用纤细、精致的字体——截图采用了极其粗重、加粗的字体字重。
• 不要使用僵硬、严格对齐的网格——截图展示了有趣、重叠且不对称的布局。
• 不要使用灰暗、低饱和度的颜色——截图使用了鲜艳、饱和的橙色和青色等点缀色。
• 避免: 企业化
• 避免: 呆板
• 避免: 极简
• 避免: 严肃
• 避免: 术语

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko