Toss

UI/UXColorDesign guides

Guide summary

TDS. Toss Blue (#3182F6), with hundreds of components directly connected to development

Color palettes

Summary available

Primary Blue

#3182F6

Heading Ink

#191F28

Surface

#FFFFFF

Typography

Toss Product Sans

A dedicated typeface co-developed with Sandoll and RidoType. Numerals and Latin characters are optimized to Korean proportions for legibility in financial contexts.

Design principles

Hundreds of components map directly, one to one, to the actual codebase, including React.
Three card components: Standard (12px radius), Featured (16px) and Compact (8px, with a 1px border).
Carefully tuned, frictionless flow control improves usability.

Source: Based on official documentation at tossmini-docs.toss.im.

Reference source

Source scope has not been reviewed. Check the original before use.

https://tossmini-docs.toss.im/tds-mobile/

Open reference source →

Found an error in this entry? Report it