iBox 3.0
iBox 3.0 是新一代数字藏品交易平台的移动端界面,专注于为用户提供清爽、高效的数字资产管理和交易体验。整体设计语言追求简洁、现代、专业,强调内容优先和操作效率。 设计系统基于移动端优先原则,默认画布宽度为 375px,最小高度为 812px。设计文件存储在 Figma,使用 Token 系统确保设计一致性。
Color Palette
Typography
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Spacing
Base: 4pxiBox 3.0 是新一代数字藏品交易平台的移动端界面,专注于为用户提供清爽、高效的数字资产管理和交易体验。整体设计语言追求简洁、现代、专业,强调内容优先和操作效率。 设计系统基于移动端优先原则,默认画布宽度为 375px,最小高度为 812px。设计文件存储在 Figma,使用 Token 系统确保设计一致性。
Components
Buttons
Cards
Card Title
Sample body text for the card component.
Elevation & Depth
Do's & Don'ts
Do
Accessibility
• 文字与背景对比度至少 4.5:1
• 可点击区域最小 44×44px
• 重要操作提供明确反馈
• 表单错误提供清晰提示
• 支持动态字体缩放
Responsive
虽然以移动端为主,但设计应考虑不同屏幕尺寸:
• 小屏: 320px - 375px
• 标准: 375px - 414px
• 大屏: 414px+
关键内容和操作在小屏上也应完整可用。
Use with MCP
Don't have the MCP? Install it here