Иконография
Иконите на DBank са линейни, спокойни и еднозначни: контур 2px, заоблени краища, мрежа 24×24. Те обясняват, не украсяват — всяка икона стои до дума, която потвърждава смисъла ѝ.
Конструкция
базова мрежа с 2px защитно поле
дебелина на контура, без запълване
заоблени краища и ъгли на линиите
наследяват цвета на текста (currentColor)
Базов набор
Шестнадесет икони покриват основните продукти и действия. Разширения се изчертават по същите правила — при съмнение сравнете с Lucide/Feather като стилова отправна точка.
Размери и цвят
| Размер | Употреба | Контур |
|---|---|---|
16px | Вътре в текст, компактни бутони | 2px (не се мащабира надолу) |
20–24px | Стандартни UI икони, навигация | 2px |
28–32px | Продуктови карти, списъци с услуги | 2px |
48px+ | Илюстративни икони в hero зони — върху подложка Sky 100 | 2px, детайлите се опростяват |
Цвят: Interactive Blue в светла среда, бяло върху синьо, Ink в неутрален текстов контекст. Жълто — само за акцентен детайл в илюстративни икони, никога за цялата икона.
Правила
Еднаква дебелина, еднакво заобляне, еднаква плътност.
Плътни + тънки + дебели в един интерфейс — хаос.
Иконата е едноцветна. Цветът идва от контекста.
В продуктов интерфейс и реклами — никога.
Употреба в код
<svg viewBox="0 0 24 24" width="24" height="24" fill="none"
stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<rect x="2.5" y="5.5" width="19" height="13" rx="2.5"/>
<path d="M2.5 10h19M6 14.5h4"/>
</svg>