Smartisan OS UI Kitunofficial

Based on Smartisan OS 8 on Smartisan R2

Interaction

设置
联系人
36
按键音
向右滑动可删除
07:30工作日
09:00周末
世界时钟
本地时间

Icons

redcheck
setting
unselected
check
back
mute
search
clear
add
close
volume
delete
chevron-up / down
confirm
close-thin
more
playlist
playing
star
chevron-right
play
like-outlined
star-fill
list
game-filled
menu-add
radio-on
radio-off

App Bar

Title
Title
Examples
Settings
App Store

Button

Bottom Navigation

Examples

Bottom Sheet

Title
Title

Chip

Date Time Picker

2024-08-01 Wed
20222023202420252026
678910
3031010203
Time
34567
0607080910
上午下午

Dialog

A dialog is a type of modal window that appears in front of app content to provide critical information, or prompt for a decision to be made.
Title

Divider

List

Title
TitleSubtitle
Detail
TitleSubtitle
Detail
TitleSubtitle
Detail
Description
Detail Detail
TitleSubtitle
Detail
TitleSubtitle
Detail
TitleSubtitle
Detail
TitleDetail
TitleSubtitle
TitleSubtitle
Edit mode · framework
张三
李四

Slide Bar

Switch

Tab Bar

Toast

Network error, pls try again

Real device · R2

设置
声音
无线网络
已连接
定位服务

Smartisan OS 8.5.3 · R2 实测：1080px ÷ 2.5 = 432dp；页面底 #f0f0f0 + 3.6px 竖条纹 #eeeeee；顶栏无底线，改为 14dp 渐隐阴影；列表前导图标 #cdcdcf；字体 Smartisan Compact + Noto Sans CJK SC。