Brand Code

Название

Umferðarlög по-исландски означает «Закон о дорожном движении» (umferð — движение, lög — закон). Во всех текстах сохраняйте исландские буквы ð и ö; латинскую запись Umferdarlog используйте только в доменах, идентификаторах пакетов и путях к файлам.

В логотипе слово Umferðarlög набрано шрифтом Medeo Sans (wght 600, opsz 32, трекинг −2%) и переведено в кривые. Всегда берите готовые файлы из главы «Логотип».

Слоган

Голос и принципы

Мы одинаково говорим с двумя группами: исландскими подростками 16–17 лет из автошкол и взрослыми экспатами, читающими на неродном языке.

• Честная готовностьПоказываем реальный проходной балл (45 из 50 за 45 минут) и точные цифры, а не пустую похвалу вместо фактов.
• Спокойствие вместо шумаНикаких бейджей, конфетти, давления со страйками, таймеров обратного отсчёта и маскотов.
• Ясно на неродном языкеКороткие предложения и простые слова, одинаково понятные на английском, исландском, польском и русском.
• Опора на законКаждое правило, знак и штраф ссылается на источник на island.is или althingi.is.

Ссылки и контакты

Сайт

umferdarlog.com

Почта поддержки

info@umferdarlog.com

App Store

App Store (id6747301237)

Web GitHub

brotunity/umferdalog-web

iOS GitHub

brotunity/umferdarlog-ios

Ísland.is

island.is/okunam

Компоновки

Три уровня детализации

На малых размерах частый пунктир сливается, поэтому иконка построена в трёх оптических градациях: 11 тонких штрихов от 48 px и крупнее, 6 крупных штрихов на 20–32 px (включая фавикон) и сплошная дуга U на 16 px и меньше.

Цветовые версии

На фонах

Охранное поле

Оставляйте вокруг логотипа поле не менее 0,5 W с каждой стороны, где W — ширина дуги U. Текст, края макета и другие знаки остаются снаружи.

Минимальный размер

Ниже этих размеров надпись и пунктир разметки перестают читаться чисто.

Иконки приложения и веб-пакет

Иконка приложения ставит дугу U цвета Road Line (#F1F4F4) на плитку Ink (#182024) со скруглением iOS (22,5%). В комплекте также квадратная, maskable, тёмная и тонированная версии для iOS 18, а также полный ZIP-архив.

SVGPNGURL

SVGPNGURL

SVGPNGURL

SVGPNGURL

SVGPNGURL

SVGPNGURL

SVGPNGURL

Umferðarlög

ICOSVGZIP

Скачайте umferdarlog-logo.zip со всем набором: мастер-SVG, PNG от 16 до 1024 px, веб-манифест с favicon.ico и готовый AppIcon.appiconset для Xcode.

Все файлы

Каждая компоновка и знак во всех цветовых версиях в форматах SVG и PNG.

Нельзя

Пропорции

Ориентировочный баланс площадей цвета на экране или странице.

• Basalt Ground и белые карточки62%
• Ink и асфальт дороги24%
• Акцент Glacier Blue10%
• Статусы ответов и детали знаков4%

Основные

Четыре базовых цвета логотипа, карточек и главных кнопок.

Акценты и дорога

Оттенки синего для тёмной темы, полотно дороги и пройденные отметки этапов.

• Glacier Blue Dark

  Заливка главных кнопок и синих табличек в тёмной теме.

  #246BA3--ul-glacier-bright
• Glacier Sky

  Ссылки, текстовые акценты и шкала приборной панели в тёмной теме.

  #8CCBEA--ul-glacier-sky
• Road Asphalt

  Полоса дороги вдоль страницы и нейтральные полосы прогресса (одинаковы в обеих темах).

  #3A464C--ul-asphalt
• Marker Done

  Пройденные кружки этапов на полосе дороги.

  #1F2A2F--ul-marker-done

Базальтовые нейтральные

Дневной фон страницы, вторичный текст и неотвеченные клетки прогресса.

• Basalt Ground

  Фон страницы и экранов в светлой теме.

  #EEF1F0--ul-basalt
• Open Stone

  Неотвеченные клетки вопросов, кнопка выбора языка и тонкие разделители.

  #DADEDD--ul-stone
• Ink Soft

  Вторичный текст и подзаголовки в светлой теме.

  #56636A--ul-slate
• Stone Text

  Номера вопросов внутри неотвеченных клеток Stone.

  #4A565C--ul-stone-ink

Ночь и приборная панель

Поверхности тёмной темы и всегда тёмная приборная панель на главном экране приложения.

• Night Basalt#0F1416--ul-night
• Cluster Ground#10161A--ul-night-cluster
• Night Stone#2A3439--ul-night-stone
• Night Ink#E9EEEF--ul-night-ink
• Night Ink Soft#9AA8AE--ul-night-slate
• Night Stone Text#C9D2D6--ul-night-stone-ink
• Footer Night#0A0E10--ul-night-deep

Состояния и ответы

Верный ответ (Moss), ошибка (Lava) и слабая тема (Ochre) — никогда не используются для декора.

• Moss

  Заливка правильного ответа и сданного экзамена (всегда в паре с галочкой).

  #2E7550--ul-moss
• Moss Text

  Текст на светлой плашке результата Moss Tint в дневной теме.

  #2E6B45--ul-moss-deep
• Moss Light

  Текст правильного ответа в тёмной теме.

  #8FD0AA--ul-moss-light
• Moss Tint

  Светло-зелёный фон карточки объяснения при верном ответе.

  #E2EFE6--ul-moss-tint
• Lava

  Заливка неправильного ответа и несданного экзамена (всегда в паре с крестиком).

  #B83A2E--ul-lava
• Lava Text

  Текст на светлой плашке результата Lava Tint в дневной теме.

  #A8342A--ul-lava-deep
• Lava Light

  Текст ошибки в тёмной теме.

  #F2A097--ul-lava-light
• Lava Tint

  Светло-красный фон карточки объяснения при ошибке.

  #F7E2DF--ul-lava-tint
• Ochre

  Индикатор «нужно подтянуть» (тема с результатом ниже 70%); никогда не означает ошибку.

  #D99A3D--ul-ochre
• Ochre Text

  Текст метки слабой темы в светлой теме.

  #8F5310--ul-ochre-deep
• Ochre Light

  Текст метки слабой темы в тёмной теме.

  #E8AD5A--ul-ochre-light

Только для дорожных знаков

Только для рисунков исландских дорожных знаков и жёлтой машинки на дороге. Не для интерфейса.

• Sign Yellow

  Жёлтый фон исландских предупреждающих и запрещающих знаков и машинка на дороге.

  #F8C800--ul-sign-yellow
• Sign Red

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

  #D20000--ul-sign-red

Светлые и тёмные роли

Интерфейсы используют семантические роли (--ul-*), которые сами переключаются между светлой и тёмной темой.

Контраст

Вычисленный контраст WCAG 2 для пар цветов сайта и iOS-приложения (минимум 4,5:1 AA для текста).

Именные правила цвета

1. Правило настоящих знаков: Sign Yellow и Sign Red принадлежат только дорожным знакам и машинке, а не кнопкам. 2. Правило галочки: цвет никогда не передаёт верный или неверный ответ в одиночку — Moss всегда идёт с галочкой, Lava — с крестиком. 3. Правило тёмного текста: в тёмной теме заливки Moss и Lava сохраняются ради контраста белых цифр (5,6:1+), а цветной текст переходит в светлые оттенки.

Шкала

Стили типографики с umferdarlog.com и дизайн-системы iOS. Второй размер — для телефонов.

Правила

• Правило таблички (The Plate Rule): заголовки, цифры и всё, что оформлено как дорожная табличка, набираются табличным шрифтом. Основной текст — никогда.
• Правило баланса (The Balance Rule): заголовки используют text-wrap: balance, а абзацы — text-wrap: pretty, чтобы на четырёх языках не оставалось висячих одиночных слов.
• Табличные цифры (font-variant-numeric: tabular-nums) обязательны для счёта, таймера, сумм штрафов в кронах и клеток вопросов.

Исландский, польский и кириллица

Medeo Sans содержит латиницу с исландскими буквами (Á Ð É Í Ó Ú Ý Þ Æ Ö), польский алфавит и русскую кириллицу в одном файле.

Umferðarlög · Ökunám · Þjóðvegur 1 · 30.000 kr.

Лицензия

Оба шрифта — Medeo Sans и Barlow Semi Condensed — распространяются бесплатно по лицензии SIL Open Font License 1.1 и раздаются с этого домена с открытым CORS вместе с файлами OFL.txt.

Скругления

Отступы

Восемь шагов по сетке 4 px. Плотно внутри компонента, просторно между этапами дороги.

• --ul-space-14 px
• --ul-space-28 px
• --ul-space-312 px
• --ul-space-416 px
• --ul-space-524 px
• --ul-space-632 px
• --ul-space-748 px
• --ul-space-864 px

Тени и высота

Правило одной тени (The One Shadow Rule): карточки отделяются от фона цветом или единственной мягкой тенью Raise. Для знаков есть компактная тень sign-drop.

Компоненты

Живые примеры компонентов сайта и приложения

Движение

Переходы используют кривую cubic-bezier(0.23, 1, 0.32, 1): 160 мс для цвета и меню, 120 мс для нажатия кнопки scale(0.97). У каждой анимации есть режим prefers-reduced-motion.

Приборная панель и этап дороги

Дашборд на главном экране iOS-приложения оформлен как всегда тёмная приборная панель (#10161A), показывающая число ошибок последнего пробного экзамена относительно порога в 5 ошибок.

Пробный экзамен · 45 мин

48 / 50

Карточка для соцсетей (OG image)

1200 × 630, горизонтальный логотип U-beygja в цвете Road Line (#F1F4F4) на фоне Ink (#182024) с подписью цветом Night Ink Soft (#9AA8AE).

Как подключить

<link rel="stylesheet" href="https://brand.umferdarlog.com/fonts.css">
<link rel="stylesheet" href="https://brand.umferdarlog.com/tokens.css">

.button {
  background: var(--ul-action);
  color: var(--ul-on-brand);
  font: var(--ul-type-button);
  border-radius: var(--ul-radius-pill);
}

const brand = await fetch("https://brand.umferdarlog.com/brand.json").then((r) => r.json());

brand.colors.glacier.hex;            // "#1D5F94"
brand.logos["lockup-ink"].svg;       // "https://brand.umferdarlog.com/logos/lockup-ink.svg"

<img src="https://brand.umferdarlog.com/logos/lockup-ink.svg"
     alt="Umferðarlög" height="36">

Схема имён логотипов

Логотипы лежат по предсказуемым путям в /logos/, а рядом доступны готовые сборки для веба и iOS.

https://brand.umferdarlog.com/logos/{lockup}-{colourway}.svg

lockup

lockup, stacked, wordmark, mark

colourway

ink, line, white

icons

icon, icon-square, icon-small, icon-tiny, icon-maskable, appicon-dark, appicon-tinted

bundles

umferdarlog-logo.zip, web/*, ios/AppIcon.appiconset/*

Версии

Имена токенов и адреса файлов не меняются внутри старшей (мажорной) версии. Несовместимые изменения поднимают мажорный номер.

1.0.0, 12 ноября 2026: Первый выпуск бренд-кода Umferðarlög на brand.umferdarlog.com с пакетом логотипов U-beygja, базальтовой палитрой, шрифтами Medeo Sans и Barlow Semi Condensed.

Шрифты и CORS

Оба шрифта открыты по лицензии SIL Open Font License 1.1 и отдаются с CORS-заголовками. Подключайте /fonts.css и /tokens.css с любого сервиса *.umferdarlog.com.