Direction B · Calm minimal tool
Component & token demo
Every state below is rendered from the real components — light and dark follow the system preference.
Color tokens
25
50
100
150
200
300
400
500
600
700
800
850
900
950
accent-300
accent-500
accent-600
accent-700
Dropzone · Empty
Click or drop files here / 点击或拖拽文件到此处
Dropzone · Drag over
Click or drop files here / 点击或拖拽文件到此处
Notices · Error / Warning
Unsupported file type: animation.gif.
Large file(s) over 50 MB: raw-footage.mov — processing may be slow.
FileList · With thumbnails
OptionsPanel · Number / Select / Boolean
ResultPanel · Stats / Preview / Download
ResultPanel · Error
Download failed. Please try again. / 下载失败，请重试。
AdSlot · Top / In-content / Sidebar
top · 90px
ADAdvertisement — this space keeps HohoTools free
in-content · 250px
ADAdvertisement — this space keeps HohoTools free
sidebar · 600px
ADAdvertisement — this space keeps HohoTools free