OnlyDay — веб-стайлгайд «Nordic Trust» v1.0

OnlyDay · веб-стайлгайд «Nordic Trust»

Стиль сайта onlyday.fi, разработанный с нуля — независимо от UI приложения. Задача: доверие финской аудитории + конверсия в установку приложения. Настроение: спокойный скандинавский минимализм, тепло, надёжность.

01 / Логотип

Лого — фиксированный актив бренда, не перерабатывается. На сайте используется на светлом фоне Lumi или белом; на тёмных секциях — версия с белым текстом. Охранное поле — высота знака ×0,5 со всех сторон. Мин. ширина: 120 px (desktop), 96 px (mobile).

OnlyDay

Можно: белый/Lumi/Usva/Petrooli-фон. Нельзя: перекрашивать знак в цвета сайта, ставить на янтарный CTA-фон, на фото без подложки, растягивать, добавлять тени.

02 / Цвета

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

Petrooli#0F5E68
Бренд-цвет сайта: заголовки-акценты, ссылки, тёмные секции, вторичные кнопки

Revontuli#F2A93B
Только CTA («Lataa sovellus») и ключевые акценты конверсии

Yö#14232C
Основной текст

Lumi#FAF7F2
Фон страниц (тёплый почти-белый)

Usva#EDF3F4
Подложки секций, иконок, карточек

Petrooli Dark#0B454D
Hover, футер, тёмные CTA-секции

Kuusi#2E7D5B
Бейджи доверия: «проверено», «безопасная оплата»

Text Soft#43555F
Вторичный текст, подписи

Пропорции: ~70% Lumi/белый · 20% Petrooli/Yö · 10% Revontuli. Янтарный никогда не используется большими заливками — только кнопки и мелкие акценты, иначе теряет конверсионную силу.

03 / Типографика

Заголовки — Sora (геометрический гротеск, характер без холодности). Текст — Inter (эталонная читаемость, полная поддержка ä ö å). Обе — Google Fonts, бесплатно, subset latin-ext.

Apu löytyy läheltä – jo tänään

H1 · Sora ExtraBold 800 · 48–56 px / 1.1 · letter-spacing −2%

Näin OnlyDay toimii

H2 · Sora Bold 700 · 32 px

Turvallinen maksu Stripella

H3 · Sora SemiBold 600 · 22 px

Julkaise tehtävä, vertaile tarjouksia ja valitse tarkistettu tekijä. Kaikki viestit ja maksut kulkevat sovelluksen kautta – turvallisesti ja ilman piilokuluja.

Body · Inter Regular 400 · 17 px / 1.6

Kaikki tekijät tarkistetaan manuaalisesti ennen hyväksyntää.

Caption · Inter Regular 400 · 14 px · Text Soft

04 / Кнопки и CTA

Одна страница — одна главная цель: установка приложения. Янтарная CTA всегда доминирует.

Lataa sovellus ilmaiseksi Julkaise tehtävä Katso miten se toimii

CTA: Revontuli, радиус 12, Inter SemiBold 16, padding 14×28, мягкая янтарная тень · Primary: Petrooli · Ghost: обводка 2px

05 / Карточки, чипы, бейджи

🔧

Remontointi ja rakentaminen

Remonttimies, putkityöt, sähkötyöt ja 15 muuta palvelua.

🧹

Siivous ja kodin apu

Perussiivous, ikkunanpesu, silitys, lemmikkien hoito.

🚚

Kuljetuspalvelut

Muutot, kantoapu, hinaus ja pitkän matkan kuljetus.

Putkityöt Sähkötyöt Ikkunanpesu Muuttopalvelut Personal trainer

✓ Tarkistetut tekijät ✓ Turvallinen maksu · Stripe ✓ Ei piilokuluja

Карточки: белые на Lumi, радиус 16, тень мягкая. Иконки — линейные (Lucide/Phosphor), цвет Petrooli на подложке Usva. Никаких стоковых 3D-иконок и глянцевых градиентов.

06 / Фото и иллюстрации

Реальные люди за работой в финских интерьерах/дворах: естественный свет, спокойные тона, без постановочного стока «с белыми зубами». Дуотон-обработка не нужна — честность и есть стиль. Скриншоты приложения показываем в простой рамке телефона на подложке Usva.

07 / CSS-токены (для разработчика)

:root{
  --od-ink:#14232C;        --od-ink-soft:#43555F;
  --od-petrol:#0F5E68;     --od-petrol-dark:#0B454D;
  --od-amber:#F2A93B;      --od-amber-dark:#DE8F17;
  --od-bg:#FAF7F2;         --od-mist:#EDF3F4;
  --od-border:#DCE5E7;     --od-success:#2E7D5B;
  --font-display:'Sora',sans-serif;
  --font-body:'Inter',sans-serif;
  --r-card:16px; --r-btn:12px; --r-chip:999px;
}
/* Google Fonts: Sora 600/700/800 + Inter 400/500/600, subset latin-ext (ä ö å) */

08 / Тон коммуникации (FI)

Принцип	Пример
Sinä-форма, просто и конкретно	«Julkaise tehtävä – saat tarjoukset jo tänään»
Доверие фактами, не лозунгами	«Jokainen tekijä tarkistetaan manuaalisesti»
Две аудитории на каждой странице	Tilaajalle («löydä tekijä») + Tekijälle («ansaitse taidoillasi»)
Без англицизмов и канцелярита	«innovatiivinen ekosysteemi»