Сделал макет сайта DTF в Figma, чтобы сообщество могло легко предлагать свои идеи по дизайну и его цветовой гамме
Предисловие
Всем доброго времени суток. На тему отношений DTF и тёмной темы уже можно, пожалуй, написать действительно неплохую объёмную мангу о белом куне, который безнадёжно влюблён в тёмнокожую тян, но никак не осмелится признаться ей в чувствах, и из-за этого страдает не только он, но и всё его окружение (а особенно их глаза), не в силах вынести вида одинокого скитальца.
Но вернёмся к теме поста. Я часто видел предложения по тёмной теме ДТФ, но почти всегда это переделанный HTML/CSS страницы, а для того, чтобы в коде страницы что-то делать, нужно иметь определённый уровень вовлечённости в Frontend разработку, который есть не у всех. Поэтому я решил скопировать сайт в Figma и поместить все цвета в стили, благодаря чему теперь можно быстро менять цветовую гамму. Ниже покажу как.
Как это работает
1) Сначала перейдите по ссылке ниже (она направит вас на файл с макетом) и скопируйте файл (кнопка duplicate). Если попросит регистрацию, то войдите через аккаунт Гугла, это быстро.
2) Перед вами откроется следующая картинка. Красная стрелочка указывает на место, в котором собраны все цвета макета в стилях
3) Увидели список стилей? щёлкните по значку справа от нужного стиля, и вуаля, перед вами цвет, заданный стилю. Изменяйте его на любой по вашему желанию :)
Послесловие
Сам макет в Figma почти полностью повторяет главную страницу сайта, за исключением некоторых иконок, которые я под конец задолбался вытягивать из сайта.
Если хотите, подписывайтесь на ныне санкционный инстик:
@project_or_design
Предлагай не предлагай все равно получишь хуй.
Комментарий недоступен
Элистратов перелогинься
Нужно вместо дтф поставить в макете это,многие и разницы не заметят
Фигму какую-то
Плагин для хрома Dark reader решает очень быстро проблему темной темы. А то ждать будете вечность.
База, к тому же работает на все сайты.