Мы отправляемся в великое путешествие - футер! У CSS-Tricks всегда был большой причудливый нижний колонтитул, и этот дизайн не станет исключением. Однако это не просто безвозмездно. У нас есть много вещей, которые действительно заслуживают хотя бы ссылки на сайте (например, ссылки в социальных сетях, контактные ссылки, другие проекты, над которыми я работаю, и т. Д.), И нижний колонтитул - идеальное место для этого.
Мы добавляем классический логотип звездочки CSS-Tricks внизу вместо заголовка, который достаточно загружен. Но сначала мы выделим нижний колонтитул своего рода затемнением и эффектом падающей тени, чтобы выделить его в верхней части.
В конечном итоге мы используем форму звездочки в качестве маски, чтобы показать мою фотографию под ней. Мы черно-белые мои фотографии и проходим через инструмент Photoshop, чтобы сделать то, что может привести к гораздо более красивым черно-белым результатам, чем простое удаление информации о цвете. Затем мы применяем поверх него очень тяжелый цветной фотофильтр бренда, чтобы расширить бренд и согласованность дизайна.