25 классных сайтов в серых тонах

Серый цвет кажется скучным. Разве можно создать по-настоящему запоминающийся и заметный дизайн с его помощью?

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

Серый — нейтральный цвет, который многие считают скучным. Конечно, существует разные оттенки серого, от светлого до темного. В веб- и графическом дизайне серый цвет может транслировать утонченность или элегантность, таинственность (особенно темные оттенки) или силу и власть.

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

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

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

1.
Studio Vi

Многие сайты-портфолио выполнены в минималистичном стиле, который позволяет сделать основной акцент на самих работах. Studio Vi создала аккуратный лейаут со светло-серым фоном. Такой фон сохраняется на всем сайте, а не только на главной странице.

Хотя в дизайне нет ярких цветовых пятен, синий цвет используется как акцентный и направляет взгляд посетителей. Когда вы кликаете по одному из пунктов меню, справа выдвигается синий анимированный фон, который будто “шторка” открывает новую страницу.

2.
Unbounce

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

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

3.
Vela

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

ную, деликатную текстуру. Она не бросается в глаза, но придает дизайну дополнительный характер.

4.
Pact Media

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

5.
Litho

Litho использует несколько разных оттенков серого в дизайне своего длинного одностраничного сайта (если не считать отдельные страницы документации и поддержки). В верхней части главной страницы мы можем видеть серо-фиолетовый фон в комбинации с несколькими красочными скриншотами.

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

6.
Cyboro

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

7.
Huy Phan

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

8.
Bequant

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

9.
Fragment

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

10.
Philippe Neveu

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

Кликнув по ссылке в меню, вы увидите короткую красочную анимацию. Сайт отражает индивидуальность автора и эффективно привлекает потенциальных клиентов.

11.
Dash Digital

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

12.
Phantom

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

В интерфейсе периодически появляются фиолетовые кнопки для привлечения внимания, а красочные изображения и иллюстрации оживляют дизайн.

13.
PEAM

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

14.
Cameron Sagey Portfolio

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

15.
Pallas

Многие “серые” сайты принадлежат дизайнерам или креативным брендам. Поэтому Pallas, юридическая фирма, — необычный пример. Юридические компании часто выбирают синий цвет, потому что он ассоциируется с доверием. Однако сайт Pallas выглядит профессионально и элегантно благодаря серому фону. Единственные цветовые пятна здесь — фотографии и изображения.

16.
Vita Architecture

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

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

17.
InteriorLAB

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

18.
NotReal

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

19.
Perron Roettinger

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

20.
Giulia Saporito

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

21.
Serge Di Giusto

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

22.
Plug&Play

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

23.
Santi Jaramillo

Да, фон главной страницы портфолио Санти Харамильо действительно серый, но, прокрутив страницу вниз, вы увидите множество ярких и красочных изображений. На странице «Обо мне» фон вместо серого становится ярко-синим.

24.
AIAIAI

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

25.
Karpov

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

Заключение

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

Цвет фона | htmlbook.ru

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

Цвет фона веб-страницы задается с использованием атрибута bgcolor тега <body>.

Пример 1. Изменение цвета фона

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Цвет фона</title>
 </head>
 <body bgcolor="#c0c0c0">
   <p>...</p>
 </body>
</html>

Цвет можно указывать в шестнадцатеричном значении или по его имени.

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

Фоновый рисунок

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

Пример 2. Добавление фонового рисунка

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Фоновый рисунок</title>
 </head>
 <body background="images/bg.jpg">
  <p>...</p>
 </body>
</html>

Если изображение меньше размера экрана монитора, оно будет размножено по горизонтали и вертикали.

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

Пример 3. Использование фонового рисунка и цвета фона

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Цвет фона</title>
 </head>
 <body bgcolor="#c0c0c0" background="images/bg.jpg">
   <p>...</p>
 </body>
</html>

Фиксированный фон

По умолчанию, при использовании полосы прокрутки, фоновый рисунок перемещается вместе с содержимым веб-страницы. Internet Explorer позволяет сделать фон неподвижным с помощью атрибута bgproperties=»fixed» тега <body>.

Пример 4. Задание фиксированного фона

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www. w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Фон</title>
 </head>
 <body bgcolor="#c0c0c0" background="images/bg.jpg" 
  bgproperties="fixed">
   <p>...</p>
 </body>
</html>

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

цветфон

Серый фон: ТОП-10 идей веб-сайтов с серым фоном

Определенные цвета способны сделать дизайн сайта элегантным, изысканным, свежим и современным… Особенно серый цвет!

Серый фон веб-сайта — распространенный выбор современного веб-дизайна. Очень часто он является доминирующим и основным цветом – ведь любые яркие оттенки прекрасно смотрятся на сером фоне!

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

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

Если вам нравятся некоторые из этих профессионально сделанных прототипов сайтов, не стесняйтесь использовать лучшие идеи в создании своего уникального сайта с помощью Weblium — это просто, быстро и очень недорого, но сайты выглядят очень стильно и безупречно работают на любом существующем устройстве!

Contents

Toggle

«Thieb»: пример темно-серого фона

веб-сайт: http://thieb.co/ Победитель CSS» номинант в категории «Сайт дня»)

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

Особенно хорошо работы смотрятся на темно-сером фоне сайта. Меню портфолио очень лаконичное, но содержит все необходимое — ссылки на разделы «Работы», «Ролик» и «О сайте».

«Сила звука»: текстура серого фона веб-сайт

веб-сайт: https://thepowerofsound.zajno.com/

Номинант премии «CSS Design Awards» в категории «Веб-сайт дня».

Фон сайта — сероватое звездное небо, и белая типографика сочетается с ним просто идеально!

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

Не забудьте включить звук!

«Золотая пуля»: черно-серый фон kground (веб-шаблон)

View Demo

900 23 Используйте этот шаблон бесплатно

Белые буквы отлично смотрятся на темно-сером фоне — это классика дизайна сайта про стрельбище! А золотые элементы дизайна придают сайту нотку элегантности. Кстати, кто сказал, что стрельба — не изящное искусство?!

Бесплатный шаблон вебинара «Бизнес-лаборатория» (серый фон) 

Посмотреть демонстрацию

Используйте этот шаблон бесплатно

The alter выделение серых и черных частей фона сайта хорошо контрастирует друг с другом, подчеркивая белые, серые и синие элементы дизайна.

Учитесь на примере сайта «Бизнес-лаборатория»: можно использовать темный серый фон сайта с фотографиями, связанными с вашим бизнесом, добавить полупрозрачные графические значки — и получится такой интересный результат!

Музей «Встреча» (шаблон Weblium с серым фоном)

Посмотреть демо

Используйте этот шаблон бесплатно

Серый фон выглядит очень элегантно на сайте этого музея, не правда ли? Вы видите, что серый цвет улучшает контрастность цветовой схемы сайта?

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

Серый — спокойный цвет, однако он может полностью преобразить внешний вид сайта, если правильно подобрать оттенки и грамотно их применить!

Подкаст «Colora» (шаблон серого фона Weblium)

Посмотреть демо

Используйте этот шаблон бесплатно

Мягкий темно-серый фон стал традицией для современных сайтов подкастов!

Конечно, отличная идея персонализировать дизайн с помощью фото автора подкаста на фоне.

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

Сайт видеооператора Susan Allen с серым фоном (бесплатный шаблон)

Посмотреть демо

Используйте этот шаблон бесплатно

Оформить заказ как можно использовать разные оттенки серого для создания полноценной привлекательной картинки на первом экране сайта. Это похоже на визуализацию в стиле «Нуар» — просто идеальный выбор для сайта видеографа!

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

Шаблон серого фона для ухода за животными «Лучший питомец»

Просмотр шаблона

Используйте этот шаблон бесплатно

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

Эта идея вместе с ярко-желтыми кнопками и иконками выглядит очень освежающе и выделяет дизайн сайта.

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

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

«Гротеск»: агентство веб-дизайна на сером фоне можно сочетать только с черным или белым цветом? Не ограничивайте свое воображение!

Студия «Гротеск» удачно сочетает темно-серый фон с контрастными фиолетовыми, разными оттенками синего и желтыми элементами.

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

Используя профессиональные шаблоны веб-сайтов Weblium , вы можете легко создать потрясающий дизайн веб-сайта, отражающий последние тенденции веб-дизайна и сразу привлекающий внимание!

Автор:

Ярослава

Контент-менеджер, маркетолог и SEO-специалист!

Подробнее статьи

4,5 2 голосов

Рейтинг статьи

25 Серых веб-сайтов с нейтральными цветовыми схемами

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

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

Светло-серый часто является альтернативой более традиционному белому фону. Более темные оттенки серого также могут быть фоном с более светлым текстом.

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

Витрина серых веб-сайтов

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

Studio Vi

Многие веб-сайты с портфолио имеют лаконичный минималистичный дизайн, что позволяет работе в портфолио быть в центре внимания. Studio Vi использует чистый дизайн и макет со светло-серым фоном. Серый фон одинаков для всего сайта, а не только для главной страницы.

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

Unbounce

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

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

Vela

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

Pact Media

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

Litho

Одностраничный веб-сайт Litho (за исключением разделов документации и поддержки) имеет длинный дизайн и несколько различных оттенков серого. В верхней части главной страницы используется средний серый цвет с несколькими красочными скриншотами.

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

Cyboro

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

Huy Phan

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

Bequant

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

Фрагмент

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

Philippe Neveu

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

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

Dash Digital

Красочные фотографии и изображения на веб-сайте Dash Digital выделяются на сером фоне и тексте. Анимация также добавляет элегантности дизайну.

Phantom

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

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

PEAM

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

Портфолио Кэмерон Сейджи

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

Pallas

Многие серые веб-сайты принадлежат дизайнерам или предприятиям творческой индустрии. Необычным примером является юридическая фирма «Паллас». Юридические веб-сайты часто используют синий цвет, потому что этот цвет ассоциируется с доверием. Тем не менее, веб-сайт Pallas имеет профессиональный и элегантный вид с серым фоном. Фотографии и изображения обеспечивают единственный цвет в дизайне.

Vita Architecture

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

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

InteriorLAB

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

NotReal

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

Perron Roettinger

Домашняя страница Perron Roettinger минимальна в верхней части страницы, но при прокрутке вниз вы увидите несколько полноразмерных цветных изображений. Остальная часть сайта портфолио также включает множество больших красивых изображений из прошлых проектов.

Giulia Saporito

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

Serge Di Giusto

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

Plug&Play

Plug&Play использует очень темно-серый, почти черный фон над сгибом. Но фон белый, когда вы прокручиваете вниз и на остальной части сайта. Сайт является отличным примером дизайна, в котором темный фон используется для сильного эффекта лишь в небольшой части дизайна.

Санти Харамильо

На главной странице портфолио Санти Харамильо используется серый фон, но внизу страницы много ярких и красочных изображений. На странице «О программе» используется жирный синий фон вместо серого.

AIAIAI

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

Karpov

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