New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

unify-token

Package Overview
Dependencies
Maintainers
3
Versions
78
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

unify-token

Design Tokens for the Unify Design System

1.4.0-beta-6
npm
Version published
Weekly downloads
1.3K
-21.55%
Maintainers
3
Weekly downloads
 
Created
Source

Unify Token

Unify Token are collection of global variable that can be used on any supported Tokopedia Platform (currently Web, Android and iOS).

The Token are consist of:

  • Color
  • Typography
  • Spacing
  • Grid
For now iOS only support these design token:
  • Color
  • Typography : Font Size

Cheat Sheet

Typography

Font Type

stackHeading: Nunito Sans
desktop: Open Sans
lite: Open Sans
ios: SF Pro Text
android: Roboto

Font Size

lvl1: 10
lvl2: 12
lvl3: 14
lvl4: 16
lvl5: 18
lvl6: 20
lvl7: 24
lvl8: 28
lvl9: 34
lvl10: 38

Font Weight

regular: 400
bold: 700
extraBold: 800

Line Height

lvl1: 16
lvl2: 18
lvl3: 20
lvl4: 22
lvl5: 24
lvl6: 26
lvl7: 30
lvl8: 34
lvl9: 40
lvl10: 44

Grid

Breakpoint

mobile: 768
tablet: 1024
desktop: 1200

Gutter

mobile: 8
tablet: 12
desktop: 12

Column

mobile: 8
tablet: 12
desktop: 12

Spacing

Spacing

lvl1: 2
lvl2: 4
lvl3: 8
lvl4: 16
lvl5: 24
lvl6: 32
lvl7: 40
lvl8: 48

Layout

lvl1: 8
lvl2: 16
lvl3: 24
lvl4: 32
lvl5: 40
lvl6: 48
lvl7: 64
lvl8: 96
lvl9: 128

Keywords

design-tokens

FAQs

Package last updated on 27 May 2019

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts