bitrue Redesign
设计语言定义 / 设计规范建立 / 响应式设计
Bitrue designsystem
System
Primary
Text & Background
Colors that represent brand, used as primary color and accents.
Grayscales that made up the background and text color.
Designed to clearly communicate actions, status, and direction within the interface.
Dark
Light
Red
Green
Blue
Orange
Yellow
Teal
Purple
HEX #E6AA1E
HSL 42, 80, 51
RGB 230, 170, 30
Bitrue Design System
01
Colors
Bitrue designsystem
Aa
Typeface
Inter - Bold
Inter - Semibold
Inter - Medium
Inter - Regular
LEAD
BODY - 16PT
BODY - 14PT
BLOCKQUOTES
Capitalized
SMALL
TINY
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle.
Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle.
“The sky was cloudless and of a deep dark blue."
Brainstorm alternative ideas
Value your time
Nothing is Impossible
Lead - Silver mist suffused the deck
02
Typography
Bitrue Design System
03
icon sets
Bitrue Design System
图标设计
Line / Duotone / Fill
Bitrue designsystem
自动跟随系统主题
Light
Dark
04
Theme Design
Bitrue Design System
自动响应所有设备
Desktop / Tablet / Phone
05
Responsive
Bitrue Design System