Expressive Yellow
#FFD500Primary signal · focus · accent surface
01 / DIRECTION
Чітко. Зібрано. Без шуму.
Refined military editorial: темна площина, дисциплінована сітка, документальна вага й жовтий як точний сигнал — не декорація.
DO Виразна ієрархія, великі поля, прямі площини.
DO Один 54° акцент, коли він пояснює композицію.
AVOID Дрібний акцидентний текст і декоративні зрізи.
AVOID Псевдовійськовий шум та «тактичні» кліше.
02 / COLOR
Сигнал і поверхня
Підтверджені HEX із демонстраційного брендбуку. Rich Blackне вигадується: полотно тимчасово використовує Plain Black.
AAWhite / Black17.93 : 1
AABlack / Yellow12.61 : 1
AAPrimary White / Black9.04 : 1
03 / TYPOGRAPHY
Tektur variable
Self-hosted WOFF2 · Cyrillic + Latin · width 75–100 · weight 400–900.
Тримай рубіж
Hold the line
Dirección con propósito
Український тестовий рядок перевіряє ритм, апострофи, літери Ґ, Є, І, Ї та читабельність довгого повідомлення без використання реального контенту сайту.
An English development fixture checks line length, rhythm, punctuation, and calm reading inside the same visual system.
Esta muestra técnica comprueba acentos, longitud y desborde sin convertirse en contenido público del proyecto.
04 / SPACING
Ритм 4 → 128
Дискретна шкала для внутрішнього ритму та плавні секційні відступи для великих композицій.
04
08
12
16
24
32
48
64
96
128
05 / GRID
4 / 8 / 12
4 колонки до 768 px, 8 до 1024 px, 12 вище. Максимальне полотно 1440 px із плавним зовнішнім полем.
06 / MEDIA
Документальна рамка
Лише CSS-фікстури. Майбутні фото, альтернативний текст, фокусна точка й намір кадрування надходитимуть виключно зі Strapi.
07 / FOCUS + MOTION
Помітно, не нав’язливо
Фокус: 3 px виразного жовтого + 4 px відступу. Рух: 120/200/320 ms; режим зменшеного руху стискає все до 0.01 ms.
KEYBOARD TARGET
Повернутися до напрямуНатисни Tab, щоб перевірити кільце фокуса.MOTION TRACE / 320 MS
Анімація стискається системним режимом зменшеного руху.08 / NATIVE ACTIONS
Дія без двозначності
Три нативні примітиви. Текст і посилання тут — лише ізольовані фікстури; у виробничому сайті кожне значення надходитиме з валідованого контракту Strapi.
TEXT FIRST · NATIVE SEMANTICS · ZERO ISLANDS
Жовтий позначає головний намір, контур — альтернативний шлях, підкреслення — перехід у текстовому потоці. Один конструктивний зріз задає характер, але не торкається фокусного кільця.
CTA / 01—02
Сигнал і альтернатива
Наведи вказівник, натисни або пройди сюди клавішею Tab — стани використовують справжні псевдокласи, а не намальовані дублікати.
BUTTON / STATES
Чесний стан
READY
DISABLED
BUSY
TEXT LINK / UK · EN · ES