Как устроен сайт
Это SolarCompare
Справочник, а не витрина. У оформления одна задача: чтобы подтверждённый факт и пробел в данных выглядели по-разному и ни то, ни другое не выглядело рекомендацией.
01
Знак
Название набрано той же антиквой, что и все заголовки сайта, одним начертанием. Отдельного файла логотипа нет, как нет и второй версии для тёмного фона: знак — это текст, поэтому он читается в любом кегле и на любом языке.
Точка перед названием — единственный наш собственный элемент. Она несёт акцентный цвет, и больше ничего его не несёт: ни иконки, ни бейджа, ни печати. Сайту, который никого не ранжирует, эмблема авторитета не нужна.
02
Цвет
Тёплая бумага, чернильные нейтрали и ровно один насыщенный цвет. Акцент помечает то, с чем можно что-то сделать: ссылку, элемент управления, подтверждённое значение. Он никогда не говорит, что что-то хорошее.
- --sc-color-boneBoneФон страницы
- --sc-color-surfaceSurfaceКарточки и таблицы поверх фона
- --sc-color-inkInkОсновной текст и главные кнопки
- --sc-color-datasheetDatasheetТёмные технические секции
- --sc-color-solarSolarЕдинственный акцент: ссылки, контролы, подтверждённые значения
- --sc-color-solar-tintSolar tintВыделенные ячейки и бейджи
- --sc-color-hairlineHairlineВсе границы и линии. Теней нет
03
Шрифт
Три шрифта, у каждого одна работа. Четвёртого нет: если текст не попадает ни в одну из трёх ролей, то неверна вёрстка, а не набор.
- Посчитайте окупаемость до того, как звонить кому-либо
- €327 – €545
- Два числа из последнего счёта за электричество. Тариф получается из них, а не из допущения.
- PVGIS, OPTIMAL TILT 32°
04
Голос
Сложность здесь не в тоне, а в том, чтобы не заполнять пробел. Четыре правила закрывают почти любое решение.
Называйте источник, а не вывод.
«PVGIS даёт 1 557 кВт·ч на киловатт» можно проверить. «Отличные условия» проверить нельзя — это наше мнение в одежде факта.
Неизвестное остаётся видимо неизвестным.
Пустая ячейка читается как «здесь ничего нет». Помеченная — как «в реестре этого нет, и мы не стали додумывать». Данных не хватает одинаково, сообщение противоположное.
Никогда не пишите, что компания чего-то не делает.
В наших данных нет такого значения. Отсутствие подтверждённой услуги — это отсутствие свидетельства, а не отрицание, и записать его отрицанием значит сделать утверждение о чужом бизнесе.
Если ответ — диапазон, показывайте диапазон.
Окупаемость зависит от тарифа, от доли потребления днём и от деградации панелей. Одно аккуратное число было бы более уверенной ложью, чем широкая честная вилка.
05
Фотография
Предмет съёмки — кипрский дом, а не компания-установщик. Фотографий чьих-то готовых объектов у нас нет, а выдать за них стоковые кадры значило бы тихо подделать доказательство.
Что снимаем
- Рядовые дома: штукатурка или известняк, плоская крыша с парапетом, бак водонагревателя рядом с панелями.
- Низкий свет, в пределах часа после рассвета или до заката.
- Панели видны, но не они главные в кадре.
- Дома целиком, в своей улице, чтобы читался масштаб.
Чего избегаем
- Глянцевые виллы из объявлений о продаже.
- Пригородные щипцовые крыши из другой страны.
- Рекламное небо и насыщенная синева.
- Люди, логотипы установщиков и номера машин.