Socket
Book a DemoInstallSign in
Socket
Book a DemoInstallSign in

unify-token

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

npmnpm
Version
1.4.0-dev-3
Version published
Maintainers
3
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

FAQs

Package last updated on 26 Jun 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