Flicko Design System

Mobile

Flicko App 原型

iPhone 设备框包裹的完整可交互 UI：首页 feed、精选视频、消息 + 聊天、个人页。

Brand Colors

磁红 · 霓蓝 · 黑白为主的配色

Surfaces

深色表面分层

Foreground

前景透明度阶

Semantic

成功/警告/错误

Type — Hierarchy

字号阶与权重

Type — Product

产品字体示例

Type — 中文

Noto Sans SC 示例

Spacing

间距 token 阶

Radii

圆角阶

Elevation

阴影层级

Motion

动效时长与缓动

Buttons

主/次/幽灵按钮

Chips

筛选与标签

Action Rail

右侧点赞栏

Tab Bar

底部导航

Headers

顶部标题栏

Avatars

头像样式

Icons

图标集

Protection Gradient

图上文字渐变

Grid Cell

九宫格单元

Comment Sheet

评论面板

Inputs

输入框

Inbox Rows

消息列表行

Profile Card

个人卡片

LIVE Components

直播徽章 & 封面

Chat Bubbles

聊天气泡

Logo

品牌标识

Brand · Chromatic

色差错位效果