Neyra Design System

Icon Brand Book

Полная инвентаризация иконок продукта: что есть → что предлагаем. Наведи на любую AFTER-плитку — микро-интеракция играет вживую.

ДНК семейства

Nucleus — живое ядро

Каждый глиф-направление = hairline-геометрия (инструмент) + заливная точка-ядро (присутствие AI). Ядро реагирует на ховер: пульсирует, поднимается, печатает. Это наша подпись — «точка в квадрате», разросшаяся в систему.

Один вес, одна сетка

24×24 grid, штрих ровно 1.5px, круглые концы, currentColor. Координаты на x.5 — линии сидят пиксель-в-пиксель на ретине. Никаких смешанных lucide/liquid стилей.

Движение только по ховеру

Никаких вечных анимаций — ноль холостого GPU. Пружинная кривая cubic-bezier(.34,1.45,.4,1): жест «просыпается» и мягко возвращается. Только transform.

0.5px hairline

Все рамки вокруг иконок — полупиксельные ретина-линии (border-hair), как в macOS. Лёгкость вместо жирных серых боксов.

Семья:← одна геометрия, одно ядро, три разных жизни

Editor · Sidebar Rail — «Cinematic Instruments» × Nucleus

21 инструмент режиссёрской рельсы. Апгрейд v9: штрих унифицирован до 1.5px (как у всей семьи), старая едва заметная «искра» выросла в полноценное живое ядро — наведи на любую плитку, ядро пульсирует. Одна ДНК от чата до монтажки.

Voice
Crew
Heroes
Brain
Camera
Locations
Assets
Audio
Emotions
Notes
Bible
Board
Agents
Tasks
Review
Discover
Export
Wallet
Local
Settings
Heal · Fix

History · Navigation

Была главная проблема идентики: NeyraGPT/Production/Nodes — заливные «liquid» формы, а 3D/Characters/Locations — стоковый lucide. Два языка в одном списке. Теперь все шесть говорят на языке Nucleus.

before
after · hover

NeyraGPT

Критика: Заливной кружок жил сам по себе — ни у одной другой иконки не было «ядра».

Решение: Круг-контур + живое ядро. Ховер: ядро пульсирует — AI просыпается.

before
after · hover

3D Studio

Критика: Геймпад = «игры из 90-х», не 3D-сцена. Стоковый lucide, чужой вес штриха.

Решение: Изометрический куб с ядром в вершине. Ховер: куб наклоняется — объём оживает.

before
after · hover

Production

Критика: Заливной треугольник — тяжёлый, спорит по массе с контурными соседями.

Решение: Hairline-пирамида + ядро внутри. Ховер: ядро поднимается к вершине — «фильм растёт».

before
after · hover

Characters

Критика: Стоковые «два юзера» — иконка любого SaaS, ноль характера.

Решение: Один герой: голова-ядро + плечи. Ховер: дружелюбный кивок головой.

before
after · hover

Nodes

Критика: Точка-в-квадрате — единственная, что нравилась. Берём её ДНК за основу всего пака.

Решение: Каноничный глиф семейства: рамка + ядро. Ховер: ядро пульсирует.

before
after · hover

Locations

Критика: Дефолтный пин Google Maps — узнаваем, но ничей.

Решение: Пин с ядром вместо дырки. Ховер: пин приподнимается — «выбери меня».

History · Tabs

Четыре мини-таба были из четырёх разных источников. Теперь одна семья, каждый с микро-жизнью.

before
after · hover

Projects

Критика: Пустой стоковый бабл.

Решение: Бабл с ядром-мыслью. Ховер: ядро «печатает» (подпрыгивает).

before
after · hover

Films

Критика: Классическая плёнка lucide — перегружена перфорацией на 13px.

Решение: Одна ячейка киноплёнки, 3 перфорации. Ховер: перфорация каскадом — плёнка протягивается.

before
after · hover

Playlist

Критика: Нота была ок, но без жизни.

Решение: Нота наклоняется, головки подпрыгивают каскадом — как реальный груув.

before
after · hover

Agents

Критика: Стоковый робот с ушами — мультяшный, не «two years ahead».

Решение: Визор + антенна с ядром-сигналом. Ховер: сигнал вспыхивает — агент на связи.

Composer (чат-бар)

Кнопки вокруг поля ввода — первое, что трогает юзер. Каждая обязана отвечать на прикосновение.

before
after · hover

Attach

Критика: Обычный плюс без реакции.

Решение: Пиксель-снап линии + поворот 90° на ховер — «готов принять».

before
after · hover

Composer

Критика: Та же стоковая нота, что и в табах — дублирование без идентики.

Решение: Фирменная нота с каскадным бобом головок.

Top bar · System

Системный ряд: рамки переведены на 0.5px hairline (ретина), глифы — на семейство.

before
after · hover

Libraries

Критика: Стоковые корешки — читались как «штрих-код».

Решение: Три корешка + наклонная книга, которая «облокачивается» сильнее на ховер.

before
after · hover

Tuning

Критика: Слайдеры без ручек-акцентов, мёртвые.

Решение: Полупрозрачные рельсы + заливные ручки, разъезжающиеся на ховер — «настрой меня».

before
after · hover

Notifications

Критика: Стоковый колокол.

Решение: Колокол качается от плечика — физика реального звонка.

before
after · hover

Overflow ⋮

Критика: Три статичные точки.

Решение: Точки-ядра бобают каскадом — намёк «внутри ещё есть».

Editor · Toolbar

Кнопки над storyboard. Каждая теперь group-ховер: звезда Prompt приподнимается, плюс поворачивается, диалог-баблы кивают.

before
after · hover

+ Scene

Критика: Стоковый lucide-плюс без реакции.

Решение: Фирменный плюс: поворот 90° на ховер — «готов добавить».

Panel chrome

Служебные глифы панелей — поиск, часы, закрыть.

before
after · hover

Search

Критика: Стоковая лупа.

Решение: Лупа «приглядывается» — масштаб + наклон на ховер.

before
after · hover

History

Критика: Статичные часы.

Решение: Стрелка делает шаг вперёд на ховер — время живёт.

before
after · hover

Close

Критика: Обычный крест.

Решение: Четверть-оборот на ховер — мягкое «отпускание» вместо жёсткого закрытия.

Style Lab — выбираем язык иконок

Каждая базовая иконка в четырёх кандидатских стилях. Наведи на любую плитку — моушен играет вживую. Выбираем колонку-победителя.

Mono

Ультра-минимал, 1.2px hairline, вся идентика — в моушене

Cyber

Минимал-киберпанк: квадратные срезы, HUD-скобки, cyan-узел

Lego Pixel

Чанки 2px-кирпичей, crisp edges, живой акцент-пиксель

macOS Liquid

Squircle-стекло + мягкий глиф 1.7px, Sonoma-вайб

Neuro ✦

Экспериментал: живой синапс — гало + спутник-дендрит, открытые дуги, ноль коробок

NeyraGPT
3D Studio
Production
Characters
Nodes
Locations
Films
Music
Search
Create
History
Agents

Полная инвентаризация — все иконки платформы

240 icons · 33 libs

Каждая иконочная библиотека кодовой базы, каждый экспорт. Это карта того, что имеем — отсюда решаем, что мигрирует в Nucleus, а что уходит на пенсию.

Neyra Glyphs (Nucleus family)

18
NiAgent
NiBell
NiBubble
NiChat
NiClock
NiClose
NiCube
NiDots
NiFilmCell
NiLibrary
NiMusic
NiNode
NiPerson
NiPin
NiPlus
NiPyramid
NiSearch
NiTuner

System Top Bar

14
SysAcademyIcon
SysAdminIcon
SysAgentsIcon
SysBellIcon
SysCreditIcon
SysExploreIcon
SysFeedIcon
SysMoonIcon
SysOverflowIcon
SysPlusIcon
SysPricingIcon
SysProfileIcon
SysSettingsIcon
SysSunIcon

Liquid Nav

6
CubeIcon
FlowerNavIcon
MicLiquidIcon
PostProdActiveIcon
PostProdIcon
PyramidIcon

Liquid Icons

6
LiquidComment
LiquidFeedIcon
LiquidHeart
LiquidProjectsIcon
LiquidRemix
LiquidShare

Top Bar (legacy)

8
AcademyIcon
AgentsIcon
CreditCoinIcon
MoonIcon
NotifyIcon
PricingIcon
ProfileIcon
SunIcon

Cyber Nav

2
CyberFeedIcon
CyberProjectsIcon

Pixel Nav

6
PixelAgentsIcon
PixelCreditsIcon
PixelFeedIcon
PixelHomeIcon
PixelProfileIcon
PixelVisionIcon

Cyber Icons

7
CyberAudio
CyberBookmark
CyberComment
CyberHeart
CyberRemix
CyberShare
CyberVideo

Quality Icons

4
HighIcon
LowIcon
MidIcon
UltraIcon

Editor · Scene Pixel

21
PixAgent
PixBot
PixCopy
PixCrosshair
PixDownload
PixExpand
PixFilm
PixImageGen
PixMotionLoop
PixNodes
PixPencil
PixPlus
PixPurge
PixScript
PixSketchArrow
PixSpark
PixStudio
PixSuperS
PixTrash
PixUpload
PixVideoCam

Editor · Scene Actions

6
ClapperboardIcon
CompareIcon
FilmReelIcon
OscarIcon
PyramidDownIcon
PyramidUpIcon

Editor · Cyber Actions

4
AnalyzeGlyph
ApplyGlyph
BreakdownGlyph
VoteGlyph

Editor · Variant Feedback

4
NeyrologGlyph
PyramidDownGlyph
PyramidUpGlyph
TrashGlyph

Characters

19
BackIcon
CastIcon
CheckIcon
CloseIcon
EyeIcon
FilmIcon
GlobeIcon
ImageIcon
LibraryIcon
MicIcon
NetworkIcon
PersonIcon
PlusIcon
PsychologyIcon
ScriptIcon
SearchIcon
SortIcon
SparkIcon
TimelineIcon

Character Studio Glyphs

4
BuildEngineGlyph
BuildVoiceGlyph
CastGlyph
PerformanceGlyph

Location Engine

17
AuditIcon
BackIcon
BreakdownIcon
CameraIcon
CheckIcon
ChevronLeftIcon
ChevronRightIcon
CloseIcon
ExpandIcon
FilmIcon
ImageOnlyIcon
LayoutIcon
PinIcon
PlusIcon
SearchIcon
SparkIcon
TrashIcon

Audio Glyphs

11
CategoryGlyph
FaderGlyph
ImpactGlyph
KnobGlyph
LEDIndicator
MetronomeGlyph
MicGlyph
OscillatorGlyph
PadGridGlyph
VUMeterGlyph
WaveformGlyph

Brain Glyphs

3
BrainGlyph
DistillGlyph
SelfAnalysisGlyph

Wallet Glyphs

2
PersonalGlyph
WalletGlyph

Universe · Idea Glyphs

2
IdeaGlyph
SparkMark

Dashboard · Sacred

7
CartoonIcon
CommercialIcon
MangaIcon
MusicVideoIcon
PresentationIcon
ReelsIcon
ShortFilmIcon

Dashboard · Film Tape

9
CartoonTape
CommercialTape
DramaTape
MangaTape
MusicVideoTape
PresentationTape
ReelsTape
ShortFilmTape
TapeConnector

Dashboard · Project Card

9
CrowdfundRingIcon
DuplicateFrameIcon
EditPencilIcon
MoreDotsIcon
NeyrologIcon
OscarIcon
PublishCloudIcon
ShareLinkIcon
TrashIcon

Academy

10
AgentsIcon
AutoDirectorIcon
ConceptIcon
DocIcon
HeroIcon
IntelIcon
PhilosophyIcon
PipelineIcon
ScriptIcon
VoiceIcon

Profile Tabs

12
AffiliateIcon
AgentIcon
APIIcon
BillingIcon
IdentityIcon
KnowledgeIcon
LinkedRingsIcon
MemoryIcon
RunsIcon
SocialIcon
SponsorsIcon
WalletIcon

Voice · Genesis

11
AutoProduceIcon
CyberAddArtifactIcon
CyberCharacterIcon
CyberDebateIcon
CyberDialogueIcon
CyberDirectorIcon
CyberLocationIcon
CyberResearchIcon
CyberScriptIcon
CyberSoundIcon
GenesisIcon

Camera Actions

6
IconApply
IconCurve
IconFollow
IconLens
IconRender
IconScan

Intelligence

11
IconAlgorithm
IconAudience
IconChat
IconColorTrend
IconCompetitor
IconFormat
IconScan
IconSound
IconStoryboard
IconTrending
IconViralHook

Video Editor Pro

1
ProIcon

Neyra Glyphs v2 · Nucleus family · 2026