All posts
designfrontend

Переделываем наш сайт: убираем один цвет и три шрифта

Когда мы делали редизайн, в чейнджлоге красных строк было заметно больше, чем зелёных. И, честно говоря, в этом был весь смысл. Самые большие победы пришли просто от удаления лишнего.

Бирюзовый делал слишком много

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

Полный отказ от него решил проблему. Базовый макет теперь намного чище, основную работу делает сам контент, а единственный тёплый акцент, который мы оставили, действительно что-то значит, когда появляется.

Три шрифта, притворявшиеся системой

Мы осознали, что у нас крутились дисплейный шрифт, пара случайных вариантов sans и serif, который пробрался для "особых" моментов. Это не шрифтовая система, это просто четыре шрифта, по очереди устраивающие хаос.

Мы свели всё к самому необходимому:

  • Один дисплейный шрифт для заголовков
  • Один шрифт sans буквально для всего остального
  • Один-единственный serif-акцент, который используется очень редко и осознанно

Меньше шрифтов означает более быструю загрузку, заметно меньше сдвигов вёрстки и сайт, который звучит как единая команда, а не как сплошной хаос.

Вычитание это фича

Если кто-то замечает типографику раньше, чем нашу настоящую работу, значит, типографика слишком громкая.

Мы добавили и кое-какие реальные фичи. Наконец выложили политику конфиденциальности, условия и собрали внутреннюю админ-панель с собственным API для наших загрузок. Но первое, что замечаешь, это то, что мы убрали. Сайт стал просто спокойнее, а спокойствие читается как уверенность.

Если вы смотрите на проект, который ощущается грязным или перегруженным, попробуйте удалять что-то, прежде чем добавлять новый CSS. Это самый дешёвый редизайн из всех возможных.