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

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

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

01 / Логотип

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

OnlyDay
OnlyDay
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.

✓ 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»