Introduction
Style
- Logo
- Color
- Typography
- Icon
Layout
- Breakpoint
- Header
- Side Menu
- Footer
Component
- Navigation
- Breadcrumb
- Search
- Button
- Card
- Form
- Table
- Carousel
- Moal
Interactive
- Button
- Card
- Section

Style

The design concept for our website combines technology and diversity to create a cohesive, modern visual identity.

Logo

Our logo embodies technological innovation and diversity, representing a forward-thinking vision in the digital age. The clean, modern design combines sleek and dynamic elements to reflect the evolving landscape of technology.

Minimum size: 40px * 35px

Download Logo

Do's

Don'ts

Don’t re-orient the logo.

Don’t compress or expand the logo.

Don’t change the colors in the logo.

Color

Bakground

Light

#EFEFEF

Dark-1

#081C4B

Dark-2

#000C27

Primary Color

Primary Blue

#2863D8

Primary Teal

#01CFC8

Secondary Color

#090B45

#193574

#32429B

#2863D8

#E83737

#00B13D

#000000

#FFFFFF

Typography

Noto Sans(EN) | 思源黑體(ZH-TW)

Noto Sans font family is a global font collection for writing in all modern and ancient languages. Google Fonts

Desktop size:40px

Title 標題

size:20px

Sub Title 次標題

size:16px

Paragraph 段落

Tablet size:24px

Title 標題

size:18px

Sub Title 次標題

size:12px

Paragraph 段落

Mobile size:20px

Title 標題

size:18px

Sub Title 次標題

size:16px

Paragraph 段落

Check the Breakpoint section to learn Desktop, Tablet and Mobile layout definition.

Icon

The main icon design principles use lines and gradients. You are free to use the materials we provide.