Tokens

Tokens(Android)

Design variables that power Thumbtack’s UI.

Version:10.1.3 View sourceChangelogReport issue
Install:implementation 'com.github.thumbtack:thumbprint-tokens:v10.1.3'
Import:import com.github.thumbtack.thumbprinttokens.R

Not yet available in Thumbtack's Android codebase

The Design Systems team is working with Thumbtack's Android engineers to install this library in the Android codebase.

Color

These are the colors we use at Thumbtack.

Token NameValue
tp_blue_100
#eaf6fa
tp_blue_200
#b3ebff
tp_blue_300
#79d2f2
tp_blue
#009fd9
tp_blue_500
#007fad
tp_blue_600
#005a7a
tp_indigo_100
#e8f1fd
tp_indigo_200
#cce1ff
tp_indigo_300
#96c2ff
tp_indigo
#5968e2
tp_indigo_500
#4f54b3
tp_indigo_600
#383c80
tp_purple_100
#f5efff
tp_purple_200
#dfccff
tp_purple_300
#d3baff
tp_purple
#a97ff0
tp_purple_500
#8a5ed6
tp_purple_600
#502095
tp_green_100
#e1fdf3
tp_green_200
#c6f7da
tp_green_300
#73e4a2
tp_green
#2db783
tp_green_500
#109e78
tp_green_600
#0f6648
tp_yellow_100
#fdf7e7
tp_yellow_200
#ffebb3
tp_yellow_300
#ffdd80
tp_yellow
#febe14
tp_yellow_500
#d48300
tp_yellow_600
#8a5500
tp_red_100
#ffeff0
tp_red_200
#ffd9d9
tp_red_300
#ffb0b0
tp_red
#ff5a5f
tp_red_500
#cc3553
tp_red_600
#76012c
tp_black_300
#676d73
tp_black
#2f3033
tp_gray_200
#fafafa
tp_gray_300
#e9eced
tp_gray
#d3d4d5
tp_white
#ffffff

Duration

Token NameValue
tp_duration_1
75
tp_duration_2
150
tp_duration_3
200
tp_duration_4
250
tp_duration_5
300
tp_duration_6
350

Scrim

Values for transparent light and dark curtains that cover content.

Token NameValue
tp_scrim_light_80
#ccffffff
tp_scrim_dark_80
#cc000000

Space

Token NameValue
tp_space_1
4dp
tp_space_2
8dp
tp_space_3
16dp
tp_space_4
24dp
tp_space_5
32dp
tp_space_6
48dp