Haritos

一个精选的在线平台目录列表

高对比度、行动导向的配色方案，红色作为主要强调色体现紧迫性，绿色用于次要操作，背景为干净的浅色。

grotesque-sans

• display28px · 700
• h320px · 700
• body16px · 400
• caption14px · 500

加粗字体用于强调促销文本和平台名称 · 导航项和主标题使用大写 · 关键促销标题使用红色

一致的垂直韵律，列表项之间留有充裕的padding，实现清晰分隔。

1px solid rgba(0,0,0,0.1)

0 1px 3px rgba(0,0,0,0.1) · 0 4px 12px rgba(0,0,0,0.08)

全宽居中布局，主容器用于承载排名列表。每个列表项为一个水平卡片，包含标志、名称、描述和操作按钮。

按钮上细微的hover效果 · focus状态平滑过渡

按钮在hover时可能会改变色度或轻微抬升。 · 按钮触发跳转到外部平台网站。

• button 胶囊形状，实心填充；主要的'立即投注'（Cược Ngay）为红色，次要的'查看评价'（Đánh Giá）为绿色。两者均为白色文字。
• card 白色背景，带有细微阴影，包含标志、星级评分、平台名称、促销标题、描述和操作按钮。
• hero 大胆的红色大写标题，说明页面用途，居中，水平线条作为装饰元素。

• 语气 直接、促销且权威。聚焦于信任、奖金和竞争优势。
• 标题风格 大写、加粗，常使用红色来强调促销优惠。
• 按钮文案 清晰、行动导向的动词（'立即投注'、'查看评价'）置于彩色胶囊按钮上。

• 不要使用细微渐变——截图显示背景和按钮均为纯色填充。
• 不要使用衬线字体——截图显示整体使用简洁的现代无衬线字体。
• 不要使用深色模式或深色背景——截图显示浅灰色/白色背景。
• 不要为主内容使用多栏网格——截图显示单栏垂直列表布局。
• 不要为主要操作使用低饱和度颜色——截图使用高饱和度的红色和绿色作为按钮颜色。
• 不要在版块间使用大量空白——截图显示紧凑、高效的列表格式间距。
• 避免: 模糊语言
• 避免: 未经解释的复杂术语
• 避免: 色彩暗淡或低对比度的行动号召按钮