18 впечатляющих примеров темно-зеленых веб‑сайтов

Конечно, природу нельзя обозначить одним цветом — она наполнена множеством оттенков: их даже больше, чем шестнадцатеричных кодов (HEX), а это впечатляет. Тем не менее, если бы вас попросили выбрать всего один цвет, который ассоциируется с природой, вы бы сразу назвали зеленый, правда?

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

Компания Shutterstock даже включила особый оттенок темно-зеленого Tidewater Green (зеленый прилив) в свой годовой отчет о цветовых трендах 2021 года. В основу отчета легла статистика самых скачиваемых изображений и анализ цветов, которые они содержат.

Темно-зеленый цвет вызывает ассоциации с густыми тропическими зарослями, джунглями или сосновой рощей. Он транслирует свежесть, аромат и живительную влажность растительного мира. Этот цвет может сделать минималистичный дизайн более живым или, напротив, перегруженный деталями интерфейс более спокойным. Он прекрасно сочетается с нейтральным светлым фоном, а также теплыми желтыми тонами, охрой и оттенками кораллового цвета.

Темно-зеленый символизирует изысканность и богатство. Кроме того, он может ассоциироваться с образованием и высоким интеллектом. Вспомните библиотеку — стены, покрытые темно-зеленой кожей, зеленые лампы для чтения — или старинный университет с зелеными высокими креслами, обитыми фетром, и папками с монограммами. Таким образом, если дизайн должен показать профессионализм бренда, этот цвет — отличный выбор.

Темно-зеленый — многогранный цвет, который может играть разные роли и представлять собой важнейший элемент дизайна, и веб-сайты, которые мы рассмотрим в статье, доказывают это.

1. The Scott

The Scott Resort and Spa — сеть роскошных отелей в Скоттсдейле и Фениксе, штат Аризона, а также Лагуна-Бич и Кармел, штат Калифорния. Изысканные помещения с прекрасным интерьером обещают клиентам расслабляющий и возрождающий отдых в атмосфере, которая, согласно формулировкам на сайте, является “одой жизни на природе”.

Основу эстетики the Scott составляют натуральные материалы, пышная зелень и солнце. Посетителей сайта встречает секция насыщенного тропического зеленого цвета.

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

2. The Body Shop Body Butters

Насыщенный темно-зеленый — фирменный цвет The Body Shop. Он играет важную роль в новой рекламной кампании косметического бренда, посвященной линейке кремов для тела.

Посетителей встречает красивая заставка с темно-зеленым фоном и светло-розовыми деталями, после чего нас приглашают в интерактивное путешествие из 5 глав. Первая представляет нам слоган компании “Go Love Yourself” (Полюби себя), а другие рассказывают об истории продукта, ингредиентах, экологичности и новых ароматах кремов-масел для тела. 

Темно-зеленый используется в типографике и элементах, содержащих логотип бренда (который можно увидеть как в темно-зеленом, так и в белом цвете в разных частях сайта).

В верхней части экрана есть интерактивная зеленая секция: потяните ее, и она наполнится десятками кремов для тела с разными ароматами. Курсор представляет собой точку розового цвета, которая становится темно-зеленой при наведении на определенные элементы.

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

3. RipePlanet

RipePlanet — группа сельскохозяйственных предприятий, объединенных одной идеей: экологичным производством. Слоган объединения гласит — “Мир созрел для перемен”. Участники стремятся следовать лучшим сельскохозяйственным практикам и внедрять системы, которые позволят не только предотвратить возможный ущерб окружающей среде, но и уменьшить уже нанесенный ущерб.

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

Зеленый сочетается с нежно-розовым оттенком — мы можем увидеть его на кнопке открытия меню, уведомлении о файлах cookie и других элементах интерфейса. Ниже фон страницы становится белым, а затем розовым с тем же паттерном из линий. Эти секции символизируют дары земли — листья, траву, цветы — именно те, которые группа предприятий так стремится сохранить и защитить.

4. Wilder Fields

Вертикальное земледелие в последние годы набирает обороты. Wilder Fields — один из ярких примеров того, как применить этот метод ведения сельского хозяйства не только для улучшения экологической обстановки, но и для развития местного сообщества.

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

Первое, что видят пользователи на сайте Wilder Fields, — логотип, набранный декоративным, романтичным, немного старомодным шрифтом с элегантными изгибами. Он размещен поверх качественного изображения аппетитного салата. А курсор представляет собой ярко-красную точку.

Когда пользователь начинает прокручивать страницу вниз, на экране появляется полупрозрачный оверлей, окрашенный в фирменный цвет бренда — красивый теплый темно-зеленый с добавлением темно-желтого.

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

5. Altermind

Темно-зеленый — цвет, символизирующий профессионализм, респектабельность и богатство. Кроме того, это одно из любимых цветовых решений в образовательной сфере. Представляется логичным, что Altermind, элитная консалтинговая компания, сочетающая в своей деятельности бизнес-опыт и науку, выбрала именно этот оттенок для своего сайта.

Открыв сайт, мы видим заставку с логотипом, в виде дерева с симметричными ветвями и корнями — символ роста. Главная страница включает полноэкранный слайдер с темно-зеленым фоном, на котором видны паттерны архитектурной тематики. Когда пользователь нажимает на привычный “гамбургер”, открывается полноэкранное меню с простым темно-зеленым фоном и элегантной белой типографикой.

Здесь нет изображений, дизайн выглядит очень спокойным, строгим и утонченным, в значительной степени благодаря выбору цвета.

6. The Year of Greta

Грета Турнберг покорила мир в 2018 году, когда начала свою экологическую кампанию сначала в родной Швеции, а затем и на международном уровне. Как в местном сообществе, так и в ООН Грета показала себя настоящим лидером, несмотря на нежный возраст, и в 2019 году была признана человеком года по версии журнала Time. Она стала самым юным обладателем этого престижного звания. 

2019 год определенно был ее годом, что побудило голландскую креативную студию Superhero Cheesecake создать веб-сайт, демонстрирующий, как Грета превратилась из местной активистки в лидера мирового движения. Сайт получил название “Год Греты”.

Проект представляет собой трогательную, торжественную оду девочке, которая поставила перед собой цель — спасти мир. Центральное место занимает 3D-версия знаменитой фотографии Греты: она стоит на скале со сжатыми кулаками, а ее глаза решительно устремлены в небо. Зеленый фон — подходящий, возможно, даже очевидный, выбор. Он отлично сочетается с призрачной фигурой девочки.

Красивый теплый оттенок темно-зеленого используется в комбинации с белым цветом ссылок, кнопок и текста. Веб-сайт является интерактивным — перетаскивая курсор мыши или пролистывая временную шкалу, можно просматривать фотографии разных этапов 2019 года с описанием. Это прекрасный проект и отличный ресурс для тех, кто хочет больше узнать о деятельности Греты Турнберг.

7. Next Level Fairs от Geex Arts

Geex Arts — удостоенная нескольких наград студия веб-дизайна и разработки из России, которая консультирует различные компании и реализует для них проекты. В 2019 году студия создала сайт-презентацию для Next Level Fairs, организатора более 150 ярмарок изобразительного искусства по всему миру из Майами.

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

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

Уникальный эстетический опыт могут получить не только ценители изобразительного искусства, но и все, кому нравится искусный, продуманный, инновационный веб-дизайн.

8. Pure Sunfarms

Pure Sunfarms — канадский бренд продуктов из каннабиса (на основе как ТГК, так и КБД), которые производятся в Британской Колумбии с использованием традиционных технологий выращивания. Цель бренда — изучение и развитие классического сорта конопли BC bud, культивируемого в регионе на протяжении десятилетий.

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

Цвет фона меняется с темно-зеленого на светлый, теплый серый с вкраплениями оранжевого и розового. Первое, что бросается в глаза, — великолепный слайдер с парящими в воздухе анимированными бутонами, из которых прорастают цветы, фрукты и побеги. Каждый бутон показывает, какой вкус и аромат вы можете от него ожидать.

Детали интерфейса — текст, логотип и стрелки навигации — окрашены в темно-зеленый цвет. Тот же оттенок вы встретите на красивых иллюстрациях, размещенных по всему сайту, и даже сувенирной продукции, например, футболках. Этот цвет сочного молодого бутона идеально подходит бренду, который работает с каннабисом.

9. Recycl8

Recycl8 — компания, миссия которой состоит в том, чтобы предложить предприятиям по переработке отходов и строительной отрасли более экологичные решения и помочь им сделать реальный шаг в направлении циклической экономики.

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

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

10. Lucky Folks

Lucky Folks — не просто паб или ресторан, это и то, и другое, а также место, где гости могут провести время за различными играми. Здесь есть дартс, шаффлборд, петанк и даже отдельный зал для караоке. Хотя это французское заведение предназначено в первую очередь для тимбилдинга и корпоративных мероприятий, оно открыто для всех, кто хочет весело провести вечер с напитками, вкусной домашней едой и играми.

Веб-сайт наполнен ретро-деталями, вызывающими ассоциации с американскими игровыми салонами: винтажной типографикой и анимированными иконками в виде игральных кубиков, подков, шахматных фигур и других аналогичных объектов.

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

Сайт выглядит немного “зернистым”, что придает ему определенную текстуру и винтажное очарование.

11. Grove Lust

Grove Lust — креативная цифровая студия из Антверпена, Бельгия. Сайт включает геометрические детали, в первую очередь линии, обозначающие границы элементов, а также кружок, который следует за курсором. Фактически, его можно было бы назвать минималистичным, если бы не анимированный оверлей, который перемещается по всей странице и частично накладывается на большие надписи в центре экрана.

Помимо этого элемента, посетителя сразу же впечатляет потрясающе простая цветовая палитра из 2 цветов: темно-бирюзового для фона и светло-розового для всего остального. Хотя эту комбинацию можно нельзя назвать новой, Grove Lust выбрали оттенки, которые используются довольно редко и поэтому выглядят свежо.

Зернистая текстура анимированных элементов контрастирует с простым чистым дизайном. Вы будто видите песчинки, которые разлетаются, открывая фон. Такой идеальный баланс, как и выбор цветовой палитры, говорит о стиле и профессионализме студии.

12. We Compost

We Compost — крупнейшая служба по сбору компостируемых отходов из Окленда, Новая Зеландия. Компания работает с производителями коммерческих и промышленных отходов и применяет компостирование для повышения качества почвы и сокращения выбросов метана.

С момента основания в 2012 году We Compost спасли впечатляющие 8 миллионов килограммов компостируемых отходов от вывоза на свалку. Компания собирает и обрабатывает коммерческие отходы, а затем распределяет их между фермерами-партнерами, которые выращивают органические продукты.

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

Для основной типографики используется очень темный зеленый цвет, а для маленьких подписей — более светлый. Фирменный зеленый присутствует на фотографиях, а также сувенирной продукции, например, пакетах для мусора.

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

13. Disrupt от Oui Will

Oui Will — компания из Сан-Диего, штат Калифорния, которая позиционирует себя как “акселератор цифровых брендов”. Она работает со стартапами и начинающими брендами, помогая им расти и развиваться с помощью цифровых и технологических инноваций. Особенно интересно, что агентство оказывает свои ценные услуги без начальных затрат, что помогает решить чрезвычайно распространенную проблему нехватки начального капитала.

Одна из концепций Qui Will — идея “революционных брендов” — представлена на сайте Disrupt, который был запущен, чтобы показать, как агентство создает бренды при помощи технологий.

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

Кликните в любом месте страницы, и вы попадете на другой экран, на этот раз черный. Каждое взаимодействие запускает определенные изменения и открывает для нас новую главу о проекте. Зеленый, черный и белый цвета сменяют друг друга — они встречаются то в типографике на изображениях или других элементах интерфейса.

Перед нами, определенно, мастерски реализованный сбалансированный сайт, концепция которого не слишком сильно выходит за рамки хорошего UX. Дизайн получился продуманным, аккуратным и очень качественным.

14. Hotel Peter & Paul

Отель Peter & Paul расположен в сердце Нового Орлеана. Он представляет собой группу исторических зданий — школы, церкви, дома приходского священника и монастыря — отремонтированных и переоборудованных в отель. В каждом здании частично сохранился оригинальный интерьер, а все остальное было спроектировано таким образом, чтобы показать историческое предназначение объекта.

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

Теплый светлый фон отлично сочетается с элегантным темно-зеленым шрифтом Feijoa от шрифтовой студии Klim (возможно, вы помните ее по нашей подборке лучших независимых шрифтовых студий). Дизайн определенно выглядит винтажным, благодаря удачному сочетанию шрифтов и цветов, и идеально подходит для отеля, расположенного в таком интересном историческом месте.

15. Seed

Пробиотики — добавки, оказавшиеся в последние годы в центре внимания благодаря масштабным исследованиям, установившим важность здоровой микрофлоры кишечника для здоровья человека в целом.

Seed — американская компания, которая вывела исследования пробиотиков и их продажи на новый уровень. Это команда врачей, химиков, иммунологов, научных консультантов и даже художников и поэтов, усердно работающих над созданием идеального синбиотика для ежедневного приема. Бренд уделяет много внимания микробиомам и на более широком экологическом уровне, следуя убеждению, что “Здоровье — это не только про человека”.

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

В секциях с белым фоном типографика окрашена в темно-зеленый цвет. Кроме того, здесь есть интересная иллюстрация бактерии, которая разрастается по мере прокрутки страницы. Главная страница завершается довольно большим футером зеленого цвета. Внутренние страницы, преимущественно белые, заполнены зеленым текстовым контентом, который носит научный характер.

16. Thyme

Thyme — загородный отель или, лучше сказать, деревня в деревне, расположенный в сельской местности Котсуолдс на юге центральной Англии. Он состоит из особняка, комплекса отреставрированных исторических зданий и ухоженных садов. Thyme предлагает клиентам все: от простого проживания в стиле B&B (постель и завтрак), СПА-уикэндов, изысканной кухни, кулинарных и гончарных классов до корпоративных мероприятий и свадеб.

Просто взгляните на этот сайт со сбалансированным, элегантным дизайном и прекрасными изображениями! Хочется сразу забронировать номер в отеле и остаться там на неопределенный срок.

Зеленый — основной цвет, который используется для баннеров, логотипа, типографики, а также фона в некоторых секциях. Сайт представляет собой умелое сочетание традиций и инноваций — этому принципу бренд следует неукоснительно. Он пропитан атмосферой английской сельской местности с акцентом на заботу о природе и разумной долей изысканной элегантности.

17. Astrolabe Wines

Невероятные природные богатства Новой Зеландии делают ее одним из самых подходящих для виноделия регионов мира. В частности, район Мальборо уже давно считается главным винодельческим центром страны. Именно здесь находится семейная винодельня Astrolabe Wines, знаменитая своими Совиньон Блан и Шардоне. 

Теплый темно-зеленый цвет на сайте винодельни символизирует плодородную почву, на которой растет, как утверждает семья, “лучший виноград в мире”. Главная страница разделена на секции — левая и правая ее части статичны: слева мы видим бутылку вина, а справа — боковое меню. Центральная же часть представляет собой слайдер, контент в котором меняется при прокрутке.

В боковом меню используется теплый оттенок водорослей. Аналогичный цвет можно найти на этикетке бутылки — он идеально сочетается с оттенком латуни в логотипе винодельни. Изображения внутри слайдера также содержат много зеленого: холмы, пышная растительность, виноградники и пруды включают теплые золотисто-зеленые оттенки, которые мы видим на этикетке бутылки и других элементах интерфейса. А светло-серый фон делает дизайн более спокойным и свежим.

18. Re-Forme

Re-Forme — австралийский производитель экологичной упаковки. Все его продукты на 63% состоят из глины, при их изготовлении не используется вода и не образуются отходы. Они на 100% биоразлагаемые и подходят для вторичной переработки. В линейку входят продукты, которые обычно производятся из пластика или бумаги и являются не слишком экологичными: стаканчики и соломинки, крышки, миски, контейнеры для еды навынос, клейкая лента и т.д.

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

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

Цвета продолжают сменять друг друга. Каждое из этих игривых, идеально сбалансированных цветовых сочетаний символизирует тот или иной элемент окружающей среды — растительный мир, почву, глину.

Заключение

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

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

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