01 / RESPONSIVE VISUAL STUDY
切换屏幕,观察同一种视觉语言。
界面视觉探索与交互展示。可在窗口内滚动,查看不同屏幕下的布局。
● ● ●PAWOOF / WEBSITE VISUAL STUDY↗
02 / VISUAL FOUNDATIONS
让品牌颜色,成为界面的秩序。
色彩关系
DEEP GREEN
品牌主色#073E30
品牌主色#073E30
WARM BEIGE
阅读基底#EEE7D5
阅读基底#EEE7D5
标题与阅读
为它,留一个舒服的位置。
用清晰的字号、留白与行距建立信息层级,让品牌气质和阅读体验保持一致。
按钮状态
统一形状、间距与反馈,让同一套组件适应不同内容。
布局与适配
桌面以并列构图建立画面与信息的关系;移动端调整为连续阅读,保留品牌颜色、标题层级与操作入口。