NZT Business Lab

The shared visual language — the dala void aesthetic, rebranded for NZT. Every token below is read live from the loaded CSS: edit any value to preview it instantly across the components on this page, then export your overrides. Scroll to watch the particle field morph through all six shapes.

Color

The void palette from danifo.ru/dala plus status hues. Click a name to copy var(--token); edit a value to preview.

Typography

Unbounded (display) + PT Sans (body), with the fluid type scale, weights, line-heights and tracking.

Spacing

6px base ramp used for gaps, padding and rhythm.

Radius

Elevation

On the void, depth = hairlines + blur + glass fills. A couple of soft shadows exist for floating layers.

Motion

Layout

Z-index

Other tokens

Any token not matched above lands here — so a newly added --var shows up automatically.

Logo & wordmark

Гранёная звёздочка + «NZT BusinessLab». Основная версия — в одну строку; двухстрочная (stacked) — запасная, только когда однострочная не помещается. Название пишется слитно: крупные версии — BusinessLab, мелкие — BUSINESSLAB. Все SVG самодостаточны — текст переведён в кривые, шрифты не нужны.

logo-dark.svg — тёмный фон

logo-light.svg — светлый фон

logo-plum.svg — фирменный сливовый

logo-white.svg — монохром, любой тёмный/цветной фон

logo-black.svg — монохром, любой светлый фон

logo-sm-dark.svg — мелкая версия, BUSINESSLAB (есть все 5 колорвеев)

logo-stacked-dark.svg (все 5 колорвеев)

logo-stacked-sm-dark.svg — BUSINESSLAB

Охранная зона

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

Высота лого	Файл
≥ 26px	logo-*.svg — BusinessLab
16–26px	logo-sm-*.svg — BUSINESSLAB
< 16px	spark.svg — только звёздочка
stacked: ≥ 32px — logo-stacked-*, 20–32px — logo-stacked-sm-*

Spark

CSS wordmark — мелкий (дефолт) и крупный (--lg)

NZTBusinessLab NZTBusinessLab

• Основная версия — однострочная (logo-*); двухстрочная logo-stacked-* — только когда однострочная не помещается по ширине.
• «BusinessLab» — всегда слитно; капс — только в мелких версиях (*-sm-*).
• Охранная зона со всех сторон — высота буквы «N»; внутрь ничего не ставить.
• Полноцветные версии — на чистых тёмных/светлых фонах; на фото и пёстрых фонах — монохром (logo-white / logo-black).
• Не менять пропорции, не перекрашивать грани, не убирать янтарное ядро (в монохроме оно — вырез).

Buttons & links

Service cards — the six

The signature 3-per-row grid: six cards in two rows.

Forms & quiz

Feedback & status

Navigation

Data

The six-shape particle field

One continuous Three.js field morphs through six shapes as you scroll the whole page: brain → globe → document → gear → network → chart. The last two (network, chart) are NZT additions — the node-link graph and the rising "check-graph". Reduced-motion users get a static snapshot.