OQ Print · Design System 1.0

Обзор компонентов

Все компоненты на одной странице. Для быстрой оценки и выбора нужного. Каждый компонент подключается из shared/components.css.

Foundation
Цвета → ds
Заголовок Основной текст ЛЕЙБЛ
Типографика · Raleway → ds
fast: 100ms base: 150ms slow: 250ms
Анимация → ds
Components
Button Stable
.btn .btn--primary
→ ds
Production Prototype In Progress Concept Error
Badge Stable
.badge .badge--*
→ ds
Form Stable
.input .select .field
→ ds
Визитки
От 50 шт., офсет
В наличии
Card Stable
.card
→ ds
Stepper Beta
.stepper
→ ds
+ Ламинация +320 ₽
✓ Пробивка +180 ₽
Addon Toggle Beta
.addon .addon--*
→ ds
Calculator Components
Стандарт, 90×50
Dropdown Basic Beta
.cd
→ ds
90×50
Стандарт 90 × 50 мм
990 ₽
Dropdown + Desc Beta
.cd--desc
→ ds
ТиражЕд.Цена ↓
100 шт шт
4 500 ₽
Dropdown Table 3-col Beta
.cd--table
→ ds
ТиражЦена ↓
100 шт 4 500 ₽
Dropdown Table 2-col Beta
.cd--tbl2
→ ds
Тираж Цена ↓
100 шт 4 500 ₽
Dropdown Space-between Beta
.cd--v12
→ ds
4 500 ₽ За 1 час
3 800 ₽ Завтра −15%
2 900 ₽ 18 марта
Date Card Grid Beta
.dates-grid .date-card
→ ds