• Contact
  • +86 +86 178 1635 4075

Core Components

h1. Bootstrap heading

36px Bold

h2. Bootstrap heading

30px Bold

h3. Bootstrap heading

24px Bold

Primary Heading

18px Bold
h5. Bootstrap heading
14px Bold
h6. Bootstrap heading
12px Bold

Default Primary Success Information Warning Danger Link

Base Major Successful Informative Cautionary Critical Navigational

Standard Core Achieved Prompt Attention Alert Jump

Default Main Positive Neutral Caution Severe Action

28CIRCLE

60% Complete
40% Complete - Success
20% Complete
60% Complete - Warning
80% Complete - Danger
60% Complete
35% Complete - Success
20% Complete - Warning
10% Complete - Danger

Card Titles

Card Content

Information Blocks

Panel Content

Module Layouts

Content Sections

Section Dividers

Information Display

Function Panels

Details Area

View Components

Block Content

Minimalist Design Smooth Experience Secure & Reliable Fast Access Stable System User-Centric Details

Built for Mobile Faster Speeds Smoother Operations Simple Interface Clear Functions Quick to Master

Status Alerts Important Notices Warning Messages Success Notifications Operation Feedback Link Transitions

Base Styles Key Information Highlight Focus Auxiliary Notes Status Prompts Link Navigation

Standard Colors Accent Shades Success Tones Information Hues Warning Tints Danger Palettes
Default State Primary Hue Success State Information Alert Warning State Danger State

Core Key Success Information Warning Danger

Optional table caption.
# User ID Session ID Device ID
1 Name User A @userA
2 User B User B Lastname @userB
3 User C User C Firstname @userC
Application Type Operation Details
.active Apply hover color to specific row or cell
.success Indicates a successful or positive action
.info Represents a regular, non-impactful operation
.warning Suggests potential risk, requires careful handling
.danger Indicates an operation with severe risk, potentially leading to negative consequences
# Status Category Details
1 Column content Component ID Interaction Type
2 Data Status Code System Message Code API Endpoint ID
3 Configuration Code Log Level ID Permission Code
4 Security Token Notification Type Event Identifier
5 Channel Code Version Identifier Error Code
6 User Action Code Service Status Code Response Type ID
7 Request Parameter ID Data Validation Code Operation Result Code
8 Business Flow Code UI Element ID Module ID
9 Component Type Data Field Name Enum Value

Latest Updates

Phone:+86 178 1635 4075Email:[email protected]