Android tokens
text
| Token | Value |
|---|---|
cdr_color_text_primary | #ff4b4a48 |
cdr_color_text_secondary | #ff736e65 |
cdr_color_text_emphasis | #ff2e2e2b |
cdr_color_text_brand | #ff1f513f |
cdr_color_text_sale | #ffc7370f |
cdr_color_text_inverse | #fffafbf9 |
cdr_color_text_disabled | #ffd5cfc3 |
cdr_color_text_success | #ff2e6b34 |
cdr_color_text_warning | #ff854714 |
cdr_color_text_error | #ff811823 |
cdr_color_text_info | #ff1b437e |
cdr_color_text_message_error | #ffbb4045 |
cdr_membership_vibrant_color_text_primary | #ff13352c |
cdr_membership_vibrant_color_background_primary | #ffffdc52 |
cdr_membership_subtle_color_text_primary | #ff13352c |
cdr_membership_subtle_color_background_primary | #ffbfb33e |
background
| Token | Value |
|---|---|
cdr_color_background_transparent | #00ffffff |
cdr_color_background_primary | #ffffffff |
cdr_color_background_secondary | #fff4f2ed |
cdr_color_background_sale | #ffc7370f |
cdr_color_background_brand_spruce | #ff1f513f |
cdr_color_background_success | #ffecf9e6 |
cdr_color_background_info | #ffe2f4fe |
cdr_color_background_warning | #fffdf6e2 |
cdr_color_background_error | #fffcefe4 |
cdr_color_background_message_default_01 | #fff9f8f6 |
cdr_color_background_message_default_02 | #ffe8e0ce |
cdr_color_background_message_success | #ffecf9e6 |
cdr_color_background_message_success_01 | #fff4fbf5 |
cdr_color_background_message_success_02 | #ffd5e6cb |
cdr_color_background_message_warning | #fffdf6e2 |
cdr_color_background_message_warning_01 | #fffefcf1 |
cdr_color_background_message_warning_02 | #fff5e9b7 |
cdr_color_background_message_error | #fffcefe4 |
cdr_color_background_message_error_01 | #fffdf7f7 |
cdr_color_background_message_error_02 | #ffeecbc1 |
cdr_color_background_message_info | #ffe2f4fe |
cdr_color_background_message_info_01 | #ffedf4f5 |
cdr_color_background_message_info_02 | #ffc2d8db |
cdr_color_background_message_sale | #ffc7370f |
border
| Token | Value |
|---|---|
cdr_color_border_transparent | #00ffffff |
cdr_color_border_primary | #ffd5cfc3 |
cdr_color_border_secondary | #ff958e83 |
cdr_color_border_success | #ff3b8349 |
cdr_color_border_warning | #ffb68b37 |
cdr_color_border_error | #ffbb4045 |
cdr_color_border_info | #ff406eb5 |
cdr_color_border_message_default_01 | #ff726d64 |
cdr_color_border_message_default_02 | #ffe8e0ce |
cdr_color_border_message_success_01 | #ff3b8349 |
cdr_color_border_message_success_02 | #ffd5e6cb |
cdr_color_border_message_warning_01 | #ffb68b37 |
cdr_color_border_message_warning_02 | #fff5e9b7 |
cdr_color_border_message_error_01 | #ffbb4045 |
cdr_color_border_message_error_02 | #ffeecbc1 |
cdr_color_border_message_info_01 | #ff408e86 |
cdr_color_border_message_info_02 | #ffc2d8db |
icon
| Token | Value |
|---|---|
cdr_color_icon_default | #ff958e83 |
cdr_color_icon_emphasis | #ff4b4a48 |
cdr_color_icon_link | #ff406eb5 |
cdr_color_icon_disabled | #ffd5cfc3 |
cdr_color_icon_message_default | #ff726d64 |
cdr_color_icon_message_success | #ff3b8349 |
cdr_color_icon_message_warning | #ffb68b37 |
cdr_color_icon_message_error | #ffbb4045 |
cdr_color_icon_message_info | #ff408e86 |
accordion
| Token | Value |
|---|---|
cdr_color_background_accordion_hover | #fffafbf9 |
button
| Token | Value |
|---|---|
cdr_color_background_button_primary_rest | #ff1f513f |
cdr_color_background_button_primary_active | #ff1f513f |
cdr_color_background_button_primary_hover | #ffc7dfd1 |
cdr_color_background_button_primary_icon_alt_hover | #fffafbf9 |
cdr_color_background_button_secondary_rest | #fffafbf9 |
cdr_color_background_button_secondary_active | #ff958e83 |
cdr_color_background_button_secondary_hover | #fff9f8f6 |
cdr_color_background_button_secondary_disabled | #fffafbf9 |
cdr_color_background_button_dark_rest | #ff4b4a48 |
cdr_color_background_button_dark_active | #ff4b4a48 |
cdr_color_background_button_dark_hover | #ffedeae3 |
cdr_color_background_button_sale_rest | #ffc7370f |
cdr_color_background_button_sale_active | #ffc7370f |
cdr_color_background_button_sale_hover | #fffde2e2 |
cdr_color_background_button_default_disabled | #ffd5cfc3 |
cdr_color_background_button_icon_only_active | #fff7f5f3 |
cdr_color_text_button_primary | #fffafbf9 |
cdr_color_text_button_primary_hover | #ff1f513f |
cdr_color_text_button_primary_active | #fffafbf9 |
cdr_color_text_button_primary_disabled | #ffffffff |
cdr_color_text_button_secondary | #ff4b4a48 |
cdr_color_text_button_secondary_hover | #ff4b4a48 |
cdr_color_text_button_secondary_active | #fffafbf9 |
cdr_color_text_button_secondary_disabled | #ffd5cfc3 |
cdr_color_text_button_dark | #fffafbf9 |
cdr_color_text_button_dark_hover | #ff4b4a48 |
cdr_color_text_button_dark_active | #fffafbf9 |
cdr_color_text_button_dark_disabled | #ffffffff |
cdr_color_text_button_sale | #ffffffff |
cdr_color_text_button_sale_hover | #ffc7370f |
cdr_color_text_button_sale_active | #ffffffff |
cdr_color_text_button_sale_disabled | #ffffffff |
cdr_color_border_button_primary_rest | #ff1f513f |
cdr_color_border_button_primary_active | #ff1f513f |
cdr_color_border_button_primary_active_inset | #fff7f5f3 |
cdr_color_border_button_primary_hover | #ff1f513f |
cdr_color_border_button_secondary_rest | #ff958e83 |
cdr_color_border_button_secondary_active | #ff958e83 |
cdr_color_border_button_secondary_active_inset | #fff7f5f3 |
cdr_color_border_button_secondary_hover | #ff4b4a48 |
cdr_color_border_button_dark_rest | #ff4b4a48 |
cdr_color_border_button_dark_active | #ff4b4a48 |
cdr_color_border_button_dark_active_inset | #ffedeae3 |
cdr_color_border_button_dark_hover | #ff4b4a48 |
cdr_color_border_button_sale_rest | #ffc7370f |
cdr_color_border_button_sale_active | #ffc7370f |
cdr_color_border_button_sale_active_inset | #fffde2e2 |
cdr_color_border_button_sale_hover | #ffc7370f |
cdr_color_border_button_default_disabled | #ffd5cfc3 |
cdr_color_border_button_icon_only_active | #ff958e83 |
cdr_membership_vibrant_color_text_button_primary_hover | #ff13352c |
cdr_membership_vibrant_color_background_button_primary_rest | #ff13352c |
cdr_membership_vibrant_color_background_button_primary_active | #ff13352c |
cdr_membership_vibrant_color_border_button_primary_rest | #ff13352c |
cdr_membership_vibrant_color_border_button_primary_active | #ff13352c |
cdr_membership_vibrant_color_border_button_primary_hover | #ff13352c |
cdr_membership_subtle_color_text_button_primary_hover | #ff13352c |
cdr_membership_subtle_color_background_button_primary_rest | #ff13352c |
cdr_membership_subtle_color_background_button_primary_active | #ff13352c |
cdr_membership_subtle_color_border_button_primary_rest | #ff13352c |
cdr_membership_subtle_color_border_button_primary_active | #ff13352c |
cdr_membership_subtle_color_border_button_primary_hover | #ff13352c |
chip
| Token | Value |
|---|---|
cdr_color_background_chip_default_rest | #ffffffff |
cdr_color_background_chip_default_disabled | #ffffffff |
cdr_color_background_chip_default_hover | #fff7f5f3 |
cdr_color_background_chip_default_focus | #ffffffff |
cdr_color_background_chip_default_active | #ffedeae3 |
cdr_color_background_chip_default_selected | #ffd5cfc3 |
cdr_color_background_chip_default_selected_hover | #ffedeae3 |
cdr_color_background_chip_default_selected_focus | #ffd5cfc3 |
cdr_color_text_chip_default | #ff4b4a48 |
cdr_color_text_chip_disabled | #ffd5cfc3 |
cdr_color_border_chip_default_rest | #ff958e83 |
cdr_color_border_chip_default_disabled | #ffd5cfc3 |
cdr_color_border_chip_default_hover | #ff958e83 |
cdr_color_border_chip_default_focus | #ff4b4a48 |
cdr_color_border_chip_default_active | #ff4b4a48 |
cdr_color_border_chip_default_selected_rest | #ff4b4a48 |
cdr_color_border_chip_default_selected_hover | #ff736e65 |
cdr_color_border_chip_default_selected_focus | #ff4b4a48 |
input
| Token | Value |
|---|---|
cdr_color_background_label_default_hover | #fffafbf9 |
cdr_color_background_label_default_active | #ffedeae3 |
cdr_color_background_label_default_focus | #fffafbf9 |
cdr_color_background_label_secondary_hover | #bfffffff |
cdr_color_background_label_secondary_active | #ffffffff |
cdr_color_background_label_secondary_focus | #bfffffff |
cdr_color_background_input_default | #26f7f5f3 |
cdr_color_background_input_secondary | #d9ffffff |
cdr_color_background_input_error | #bffff2f2 |
cdr_color_background_input_default_hover | #fffafbf9 |
cdr_color_background_input_default_active | #fffafbf9 |
cdr_color_background_input_default_selected | #ff4b4a48 |
cdr_color_background_input_secondary_active | #ffffffff |
cdr_color_background_input_default_selected_hover | #ff958e83 |
cdr_color_background_input_default_disabled | #fffafbf9 |
cdr_color_background_input_default_selected_focus | #ff958e83 |
cdr_color_background_input_default_focus | #fffafbf9 |
cdr_color_text_input_default | #ff2e2e2b |
cdr_color_text_input_label | #ff4b4a48 |
cdr_color_text_input_label_disabled | #ffb2ab9f |
cdr_color_text_input_placeholder | #ff736e65 |
cdr_color_text_input_required | #ff4b4a48 |
cdr_color_text_input_optional | #ff736e65 |
cdr_color_text_input_disabled | #ffd5cfc3 |
cdr_color_text_input_filled | #ff2e2e2b |
cdr_color_text_input_help | #ff736e65 |
cdr_color_text_input_error | #ffb33322 |
cdr_color_border_label_default_focus | #ff2e2e2b |
cdr_color_border_input_default | #ff958e83 |
cdr_color_border_input_error | #ffb33322 |
cdr_color_border_input_default_active | #ff4b4a48 |
cdr_color_border_input_default_selected | #ff4b4a48 |
cdr_color_border_input_default_focus | #ff2e2e2b |
cdr_color_border_input_default_selected_hover | #ff4b4a48 |
cdr_color_border_input_default_hover | #ff2e2e2b |
cdr_color_border_input_default_disabled | #ffd5cfc3 |
cdr_color_icon_checkbox_default_selected | #ffffffff |
cdr_color_icon_checkbox_default_selected_hover | #ffffffff |
cdr_color_icon_checkbox_default_selected_active | #ff4b4a48 |
modal
| Token | Value |
|---|---|
cdr_color_background_modal_overlay | #d9f7f5f3 |
pagination
| Token | Value |
|---|---|
cdr_color_background_pagination_hover | #fffafbf9 |
cdr_color_background_pagination_keyline | #ff406eb5 |
rating
| Token | Value |
|---|---|
cdr_color_background_rating_star_default | #fffafbf9 |
cdr_color_background_rating_star_highlighted | #ffffd280 |
cdr_color_text_rating_default | #ff4b4a48 |
cdr_color_text_rating_hover | #ff406eb5 |
cdr_color_text_rating_separator | #ffb2ab9f |
cdr_color_border_rating_star_default | #ff958e83 |
cdr_color_border_rating_star_highlighted | #ffbd7b2d |
surface selection
| Token | Value |
|---|---|
cdr_color_background_surface_selection_default_rest | #ffffffff |
cdr_color_background_surface_selection_default_active | #ffffffff |
cdr_color_background_surface_selection_default_hover | #ffffffff |
cdr_color_background_surface_selection_default_checked | #ffffffff |
cdr_color_background_surface_selection_default_disabled | #fff7f5f3 |
cdr_color_background_surface_selection_default_loading | #fffafbf9 |
cdr_color_border_surface_selection_default_rest | #ff958e83 |
cdr_color_border_surface_selection_default_active | #ff958e83 |
cdr_color_border_surface_selection_default_hover | #ff958e83 |
cdr_color_border_surface_selection_default_checked | #ff2e2e2b |
cdr_color_border_surface_selection_default_disabled | #ff958e83 |
cdr_color_border_surface_selection_default_loading | #ff958e83 |
surface
| Token | Value |
|---|---|
cdr_color_background_surface_primary | #ffffffff |
cdr_color_background_surface_secondary | #fff7f5f3 |
cdr_color_background_surface_brand_spruce | #ff1f513f |
cdr_color_background_surface_sale | #ffc7370f |
cdr_color_border_surface_primary | #ffd5cfc3 |
cdr_color_border_surface_secondary | #ff958e83 |
cdr_color_border_surface_success | #ff3b8349 |
cdr_color_border_surface_warning | #ffb68b37 |
cdr_color_border_surface_error | #ffbb4045 |
cdr_color_border_surface_info | #ff406eb5 |
switch
| Token | Value |
|---|---|
cdr_color_background_switch_default_rest | #fffafbf9 |
cdr_color_background_switch_default_hover | #fffafbf9 |
cdr_color_background_switch_default_focus | #fffafbf9 |
cdr_color_background_switch_selected_default_rest | #ff4b4a48 |
cdr_color_background_switch_selected_default_hover | #ff2e2e2b |
cdr_color_background_switch_selected_default_focus | #ff2e2e2b |
cdr_color_background_switch_handle_default_rest | #ffd5cfc3 |
cdr_color_background_switch_handle_default_hover | #ffedeae3 |
cdr_color_background_switch_handle_default_focus | #ffd5cfc3 |
cdr_color_background_switch_handle_selected_default_rest | #ffd5cfc3 |
cdr_color_background_switch_handle_selected_default_hover | #ffd5cfc3 |
cdr_color_background_switch_handle_selected_default_focus | #ffd5cfc3 |
cdr_color_border_switch_default_hover | #ff4b4a48 |
cdr_color_border_switch_handle_default_rest | #ffd5cfc3 |
cdr_color_border_switch_handle_default_hover | #ff4b4a48 |
cdr_color_border_switch_handle_default_focus | #ffd5cfc3 |
cdr_color_icon_switch_selected_default_rest | #ffd5cfc3 |
cdr_color_icon_switch_selected_default_hover | #ffd5cfc3 |
cdr_color_icon_switch_selected_default_focus | #ffd5cfc3 |
table
| Token | Value |
|---|---|
cdr_color_background_table_header | #fff7f5f3 |
cdr_color_background_table_row | #ffffffff |
cdr_color_background_table_row_alt | #fffafbf9 |
cdr_color_border_table_default | #ffd5cfc3 |
cdr_color_border_table_head | #ff958e83 |
toggle group
| Token | Value |
|---|---|
cdr_color_background_toggle_group_default_rest | #fffafbf9 |
toggle button
| Token | Value |
|---|---|
cdr_color_background_toggle_button_default_rest | #fffafbf9 |
cdr_color_background_toggle_button_default_hover | #ffedeae3 |
cdr_color_background_toggle_button_default_focus | #ffedeae3 |
cdr_color_background_toggle_button_default_selected_rest | #ffffffff |
cdr_color_background_toggle_button_default_selected_hover | #ffffffff |
cdr_color_text_toggle_button_default_rest | #ff4b4a48 |
cdr_color_border_toggle_button_default_focus | #ff4b4a48 |
cdr_color_border_toggle_button_default_selected_rest | #ff4b4a48 |
cdr_color_border_toggle_button_default_selected_focus | #ff4b4a48 |
tooltip
| Token | Value |
|---|---|
cdr_color_background_tooltip_default | #ff2e2e2b |
cdr_color_text_tooltip_default | #fffafbf9 |
cdr_color_border_tooltip_default | #fffafbf9 |
link
| Token | Value |
|---|---|
cdr_color_text_link_rest | #ff406eb5 |
cdr_color_text_link_hover | #ff406eb5 |
cdr_color_text_link_active | #ff0b2d60 |
cdr_color_text_link_disabled | #ffd5cfc3 |
cdr_color_text_link_visited | #ff406eb5 |
cdr_color_border_link_rest | #ff406eb5 |
cdr_color_border_link_hover | #ff406eb5 |
cdr_color_border_link_active | #ff0b2d60 |
cdr_color_border_link_disabled | #ffd5cfc3 |
cdr_color_border_link_visited | #ff406eb5 |
cdr_membership_vibrant_color_text_link_rest | #ff13352c |
cdr_membership_vibrant_color_text_link_hover | #ff13352c |
cdr_membership_vibrant_color_text_link_visited | #ff13352c |
cdr_membership_vibrant_color_border_link_rest | #ff13352c |
cdr_membership_vibrant_color_border_link_hover | #ff13352c |
cdr_membership_vibrant_color_border_link_visited | #ff13352c |
cdr_membership_subtle_color_text_link_rest | #ff13352c |
cdr_membership_subtle_color_text_link_hover | #ff13352c |
cdr_membership_subtle_color_text_link_visited | #ff13352c |
cdr_membership_subtle_color_border_link_rest | #ff13352c |
cdr_membership_subtle_color_border_link_hover | #ff13352c |
cdr_membership_subtle_color_border_link_visited | #ff13352c |
tabs
| Token | Value |
|---|---|
cdr_color_text_tab_rest | #ff736e65 |
cdr_color_text_tab_active | #ff4b4a48 |
cdr_color_text_tab_hover | #ff406eb5 |
cdr_color_text_tab_disabled | #ffd5cfc3 |
cdr_color_border_tab_keyline_rest | #ff958e83 |
cdr_color_border_tab_keyline_active | #ff406eb5 |
cdr_color_border_tab_keyline_active_alt | #ff78b1e8 |
cdr_color_border_tab_keyline_hover | #ff406eb5 |
cdr_color_border_tab_keyline_hover_alt | #ff78b1e8 |
cdr_color_border_tab_keyline_disabled | #ffd5cfc3 |
header
| Token | Value |
|---|---|
cdr_text_default_display1_size | 34.00sp |
cdr_text_default_display1_line_spacing | 40.00dp |
cdr_text_default_display1_font_family | Stuart-App-Medium.otf |
cdr_text_default_title1_size | 26.00sp |
cdr_text_default_title1_line_spacing | 36.00dp |
cdr_text_default_title1_font_family | Stuart-App-Semibold.otf |
cdr_text_default_title2_size | 24.00sp |
cdr_text_default_title2_line_spacing | 32.00dp |
cdr_text_default_title2_font_family | Stuart-App-Semibold.otf |
cdr_text_default_title3_size | 19.00sp |
cdr_text_default_title3_line_spacing | 28.00dp |
cdr_text_default_title3_font_family | Stuart-App-Semibold.otf |
cdr_text_default_headline_size | 17.00sp |
cdr_text_default_headline_line_spacing | 24.00dp |
cdr_text_default_subheadline_size | 15.00sp |
cdr_text_default_subheadline_line_spacing | 20.00dp |
body
| Token | Value |
|---|---|
cdr_text_default_body1_size | 15.00sp |
cdr_text_default_body1_line_spacing | 20.00dp |
cdr_text_default_body2_size | 12.00sp |
cdr_text_default_body2_line_spacing | 18.00dp |
cdr_text_default_caption1_size | 12.00sp |
cdr_text_default_caption1_line_spacing | 16.00dp |
cdr_text_default_caption2_size | 11.00sp |
cdr_text_default_caption2_line_spacing | 16.00dp |
button
| Token | Value |
|---|---|
cdr_text_default_button_size | 15.00sp |
cdr_text_default_button_line_spacing | 24.00dp |
icon
| Token | Value |
|---|---|
cdr_icon_size_sm | 16.00dp |
cdr_icon_size | 24.00dp |
cdr_icon_size_lg | 32.00dp |
spacing
| Token | Value |
|---|---|
cdr_space_zero | 0.00dp |
cdr_space_sixteenth_x | 1.00dp |
cdr_space_eighth_x | 2.00dp |
cdr_space_three_sixteenth_x | 3.00dp |
cdr_space_quarter_x | 4.00dp |
cdr_space_three_eighth_x | 6.00dp |
cdr_space_half_x | 8.00dp |
cdr_space_three_quarter_x | 12.00dp |
cdr_space_one_x | 16.00dp |
cdr_space_one_and_a_half_x | 24.00dp |
cdr_space_two_x | 32.00dp |
cdr_space_three_x | 48.00dp |
cdr_space_four_x | 64.00dp |
cdr_space_inset_eighth_x_squish_top_bottom | 0.00dp |
cdr_space_inset_eighth_x_squish_left_right | 2.00dp |
cdr_space_inset_eighth_x_stretch_top_bottom | 4.00dp |
cdr_space_inset_eighth_x_stretch_left_right | 2.00dp |
cdr_space_inset_quarter_x_squish_top_bottom | 2.00dp |
cdr_space_inset_quarter_x_squish_left_right | 4.00dp |
cdr_space_inset_quarter_x_stretch_top_bottom | 6.00dp |
cdr_space_inset_quarter_x_stretch_left_right | 4.00dp |
cdr_space_inset_half_x_squish_top_bottom | 4.00dp |
cdr_space_inset_half_x_squish_left_right | 8.00dp |
cdr_space_inset_half_x_stretch_top_bottom | 12.00dp |
cdr_space_inset_half_x_stretch_left_right | 8.00dp |
cdr_space_inset_three_quarter_x_squish_top_bottom | 6.00dp |
cdr_space_inset_three_quarter_x_squish_left_right | 12.00dp |
cdr_space_inset_three_quarter_x_stretch_top_bottom | 18.00dp |
cdr_space_inset_three_quarter_x_stretch_left_right | 12.00dp |
cdr_space_inset_one_x_squish_top_bottom | 8.00dp |
cdr_space_inset_one_x_squish_left_right | 16.00dp |
cdr_space_inset_one_x_stretch_top_bottom | 24.00dp |
cdr_space_inset_one_x_stretch_left_right | 16.00dp |
cdr_space_inset_one_and_a_half_x_squish_top_bottom | 12.00dp |
cdr_space_inset_one_and_a_half_x_squish_left_right | 24.00dp |
cdr_space_inset_one_and_a_half_x_stretch_top_bottom | 36.00dp |
cdr_space_inset_one_and_a_half_x_stretch_left_right | 24.00dp |
cdr_space_inset_two_x_squish_top_bottom | 16.00dp |
cdr_space_inset_two_x_squish_left_right | 32.00dp |
cdr_space_inset_two_x_stretch_top_bottom | 48.00dp |
cdr_space_inset_two_x_stretch_left_right | 32.00dp |
cdr_space_inset_three_x_squish_top_bottom | 24.00dp |
cdr_space_inset_three_x_squish_left_right | 48.00dp |
cdr_space_inset_three_x_stretch_top_bottom | 72.00dp |
cdr_space_inset_three_x_stretch_left_right | 48.00dp |
cdr_space_inset_four_x_squish_top_bottom | 32.00dp |
cdr_space_inset_four_x_squish_left_right | 64.00dp |
cdr_space_inset_four_x_stretch_top_bottom | 96.00dp |
cdr_space_inset_four_x_stretch_left_right | 64.00dp |
inset
| Token | Value |
|---|---|
cdr_space_inset_sixteenth_x | 1.00dp |
cdr_space_inset_eighth_x | 2.00dp |
cdr_space_inset_three_sixteenth_x | 3.00dp |
cdr_space_inset_quarter_x | 4.00dp |
cdr_space_inset_three_eighth_x | 6.00dp |
cdr_space_inset_half_x | 8.00dp |
cdr_space_inset_three_quarter_x | 12.00dp |
cdr_space_inset_one_x | 16.00dp |
cdr_space_inset_one_and_a_half_x | 24.00dp |
cdr_space_inset_two_x | 32.00dp |
cdr_space_inset_three_x | 48.00dp |
cdr_space_inset_four_x | 64.00dp |