Старый вид должен был идти
Я смотрел на этот блог в течение месяцев сейчас и что-то никогда не сидело правильно. Это выглядело как каждый другой markdown-в-html блог шаблон. Хорошая типография, хорошее расстояние, полностью забываемый. Мог быть чей-то сайт.
Я хотел это выглядело как мой.
Почему зелёный
Нет настоящей дискуссии здесь честно. Я просто люблю зелёный. Мох, ель, тот мрачный зелёный ты получаешь на камнях рядом с водой. Это ощущалось как правильный базовый цвет перед тем как я даже имел план за остальное.
Делая это ощущаться как здесь
Идея что застряла была: что если сайт выглядел как Lovund вместо выглядящего как система дизайна. Не буквально, я не кладу фотографии фьорда в фон, но ощущение этого. Приглушённые цвета, что-то немного потёртое, менее «SaaS страница приземления» и больше где-то ты действительно хотел бы сидеть и читать.
Первый проход, бумага и serif
Начал с типом. Переключил шрифт тела на Literata, serif сделанный для чтения долгого текста, и это сделало больше работы чем я ожидал. Обычный параграф вдруг выглядел как он принадлежит книге вместо UI макета.
Потом фон. Пошёл с тёплым, немного мшистым не-белым вместо чистого белого, немного как бумага что сидела в кабине несколько лет. Спаренный с более тёмным зелёным для заголовков и ссылок и это уже выглядело как другой сайт.
Целая вещь вышла вниз к обмену четырьмя CSS переменными, что чувствуется почти антиклиматично учитывая как отлично выглядит сайт сейчас. Начинаем от того что стартовой комплект уже имел, какой-то дефолтный синий что сказал тебе ничего об том кто пишет вещь:
/* что уже было там */
@theme {
--font-body: ui-sans-serif, system-ui, sans-serif;
--color-bg: #ffffff;
--color-fg: #1a1a1a;
--color-accent-500: #3b82f6;
}@theme {
--font-body: 'Literata', ui-serif, Georgia, serif;
--color-bg: #ecf3ee;
--color-fg: #141c18;
--color-accent-500: #2f6b45;
}Ничего другого изменилось ещё. Никакого нового макета, никакой пиксель арта, ничего из этого. Просто шрифты и цвет. Но это был первый раз в в течение одну я открыл этот сайт и думал, хорошо, это действительно мой.
Больше идёт на этот неделе. У меня есть идеи для заголовка что собираются брать пути больше чем они должны, и я уже рисующим вещи на бумаге вместо просто делая их прямо в браузере как обычно.