Brand and interface
Base
Manrope
400 body · 600 controls · 650 wordmark · 700 headings
Brand
Library.
The logos, typography, color and graphics that make up the Base Token identity.
Main key visual
A cobalt glass form and a field of pale optical ribs. Use this composition for the brand introduction, editorial covers and launch assets.
The mark.
Pair the approved blue circle with the Manrope 650 wordmark. Use the same mark in every layout.
Light
Dark
- Capital B height
- 0.80D
- Mark to wordmark gap
- 0.20D
- Clear space
- 0.50D
- Minimum mark height
- 24 px
D is the visible height of the circle. Use 24 px by default and 20 px when space is tight. At 16 px use the standalone mark on a clear background.
Color in use.
Core Blue, Ink and Paper anchor the system. Use one graphic palette per composition.
Use Ink on light palettes, white on Midnight, and pale blue for dark-surface links and focus. Core Blue is a system swatch. The artwork keeps its original blue pixels.
Type with purpose.
Manrope carries the everyday voice. Futura®100 Chinese sets display titles, and Source Han Sans covers Chinese reading text and UI. Geist Serif is used for English editorial headlines.
Chinese typography
品牌视觉规范
Source Han Sans
400 body · 600–700 headings
Editorial headlines
Base
Geist Serif
Regular · large display only
Five graphic styles.
Each graphic has a clear text area. Choose one style and keep text and logo as independent layers.
Refracted light and open space for brand introductions.
Download graphic3D Token
Cobalt, satin silver and a machined edge give the token a physical form for campaign artwork.
- Materials
- Cobalt enamel face, satin silver inlay
- Form
- Beveled rim with a recessed face
- Usage
- Campaigns, editorial and motion
Use the flat mark in wallets, lists and interface icons. The token render and the GLB are artwork assets.
Interactive model
The GLB explores a pale silver face with the original blue mark. Rotate or zoom in to inspect the rim and inlay.
Campaign references
Play each ad to preview its motion. Download the full-size video or the text-free loop.
Square post
Petal · 1080 × 1080
The Base Token identity. Soft light passes over pink petals on a cream background.
Feed ad
Signal · 1080 × 1350
The system behind Base Token. Light moves over a yellow-green gradient with scan lines.
Story
Prism · 1080 × 1920
Explore the Brand Book. Light shifts across pale lavender optical ribs.
Wide banner
Midnight · 1200 × 628
The Base Token brand kit. Blue highlights move over dark folded planes.
Film cover
Mint · 1920 × 1080
Explore the Base Token identity. Light passes across mint-green geometric planes.
Edge Glow
Cobalt and ice-blue light enter from the edge, leaving a dark field for the headline. Each format has a text-free video download.
Feed ad
1080 × 1350
Build an open network. Blue light sweeps in from the lower right.
Story
1080 × 1920
Build an open network. Blue light sweeps in from the lower right.
Wide banner
1200 × 628
Build an open network. Blue light sweeps in from the lower right.
More motion backgrounds
Cobalt Beam
1920 × 1080
Cobalt light sweeps across a dark background.
Ice Prism
1920 × 1080
Pale blue light refracts through curved bands.
Petal Curtain
1920 × 1080
Lavender light shifts across a peach background.
A short entrance.
The graphic fades in first, followed by a small rise of the lockup. The mark keeps its shape and settles within 500 ms.
The animation plays once on request. Reduced motion shows the settled frame.
Download the kit.
Use the supplied assets for consistent artwork, production and handoff.