Дизайн-
система

Бумага вместо белого, чернила вместо чёрного, один громкий сигнал. Нажмите на цвет — HEX скопируется.

• БумагаБумага#F3F1EC243 241 236--paper
• Бумага светлаяБумага светлая#FAF9F6250 249 246--paper-raised
• Бумага тёмнаяБумага тёмная#E8E5DE232 229 222--paper-sunk
• ЧернилаЧернила#11111017 17 16--ink
• ГрафитГрафит#6B6862107 104 98--ink-muted
• СигналСигнал#2F1BFF47 27 255--signal
• Сигнал светлыйСигнал светлый#D8DCFF216 220 255--signal-tint
• КислотаКислота#D7FF3A215 255 58--acid
• УгольУголь#FF5A1F255 90 31--ember

Единственный декор бренда: значки 7 × 7 из плоских квадратов. Размер — только кратный 7 px, чтобы пиксели не терялись.

• Button

  components/ui/button

  ОсновнаяОсновнаяСигналСигналКонтурКонтурСсылкаСсылка

• Switch

  components/ui/switch

• Input

  components/ui/input

• Slider

  components/ui/slider

• Accordion

  components/ui/accordion

  Сколько стоит сайт?

• Sheet

  components/ui/sheet

  Открыть панельОткрыть панель

• SelectionHighlight

  components/SelectionHighlight

  Приводят клиентов

• ScrambleText

  components/ScrambleText

  Наведите курсорНаведите курсор

• AtMark

  components/AtMark

• PixelGlyph

  components/PixelGlyph

Анимируем только transform, opacity и цвет. Всё вне экрана — на паузе. При «уменьшении движения» эффекты выключаются. Наведите на строку.

• ease-atikcubic-bezier(.2, .7, .1, 1) · 500 мсПоявление, раскрытие, перемещение
• steps(10)Ступенчато · 600 мсСборка пиксельных значков
• linear150 мсСмена цвета при наведении

• Мы предоставляем полный спектр услуг по разработке инновационных веб-решений.Делаем сайты, которые приводят клиентов.
• Индивидуальный подход к каждому клиенту.Смета фиксируется в договоре и не растёт.
• Свяжитесь с нами для получения консультации.Расскажите о проекте — ответим сегодня.