DocumentIcon | Guideline

Иконка документа. Размещается в интерфейсе, чтобы обозначить пользователю, что необходимый файл можно скачать. Чтобы усилить ожидание пользователя, подписывается формат файл и перекрашивается в цвет, с которым ассоциируется этот формат.

Как правильно написать текст – читайте в текстовом гайде

Внешний вид

Размеры, Шрифты

icon 26х30 px

angle 10х10 px (0, 0%, 100%, 0.6)

text Bold 10 px (0, 0%, 100%, 1)

Цвет

Внешний вид

Цвет

Применение

Blue

hsla(202, 72%, 56%, 1)

DOC, DOCX, RTF

Green

hsla(149, 52%, 51%, 1)

XLS, XML, CSV

Red

hsla(8, 83%, 61%, 1)

PDF, PPT, PPTX

Orange

hsla(40, 94%, 61%, 1)

1C

Grey

hsla(0, 0%, 68%, 1)

TXT, ZIP, RAR

Turquoise

hsla(184, 72%, 60%, 1)

JPEG, JPG, PNG, SVG, TIFF

Состояние

Внешний вид

Цвета

Inactive

base color (x, y, z, 1)

text (0, 0%, 100%, 1)

Hover

base color (x, y+12, z+4, 1)

Click

base color (x, y+12, z+4, 1)

animation 36x36 (0, 0%, 0%, 0.04)

Select

base color (x, y+16, z+8, 1)

animation 36x36 (0, 0%, 0%, 0.08)

Disable

hsla(0, 0%, 92%, 1)

text (0, 0%, 100%, 1)

Loading

icon 20х20 рх (0, 0%, 36%, 1)