Produtos

Sistema cromático hierárquico, geometrias 3D wireframe e assets de identidade para cada produto do ecossistema MSCREATIVE.SYSTEMS. Cada entidade tem paleta, forma e linguagem visual próprias — derivadas de função, não de gosto.

Sistema Cromático

Código cromático derivado da essência funcional de cada produto. Diálogo de temperatura e profundidade.

MSCREATIVE.SYSTEMS
SISTEMA-MÃE
Meia-noite: permanência sem performance. Só quem observa de perto percebe.
FRONTEIRISTAS
CANAL EDITORIAL
Cor de arquivo, de leitura, de consciência. Sem urgência, sem ruído.
CREATIVE ORACLE V20
PRODUTO CORE
Luz filtrada, julgamento com calor. O árbitro que vê tudo mas não é frio.
NEURO CODEX
CODEX — PERCEPÇÃO
O indigo representa o inconsciente; o turquesa é o sinal que emerge.
STYLE CODEX
CODEX — IDENTIDADE
Gradiente dual cria tensão visual. Identidade que não para quieta.
DESIGN CODEX
CODEX — ESTRATÉGIA
Confiança estrutural, clareza estratégica. O cinza arquitetônico que governa, não decora.
EXECUTION CODEX
CODEX — EXECUÇÃO
Ação, urgência controlada. O botão que importa quando a estratégia está definida.

3D Geometries

Cada entidade do ecossistema possui uma forma geométrica 3D wireframe com rotação contínua. Canvas 2D com projeção perspectiva e matrizes de rotação nos 3 eixos.

MSCREATIVE.SYSTEMS™ Icosaedro 20 faces · sólido platônico máximo

Completude do ecossistema. Cada face é um produto, cada aresta uma conexão.

Creative Oracle™ Möbius Fita torcida · loop infinito

Síntese recursiva. Sem início, sem fim. Input vira output vira input.

Canal Editorial
Fronteiristas Threshold Stella octangula · compound de 2 tetraedros

Fronteira como intersecção de dois domínios. Arquivo e leitura, texto e testemunha.

4 Codexes
Design Codex Tensegrity Barras + cabos de tensão

Equilíbrio de forças. Estrutura que desafia a percepção.

Style Codex Turbine Eixo + pás helicoidais

Energia cinética. Gramática visual em movimento perpétuo.

Neuro Codex Dendrítico Núcleo + ramificações sinápticas

Padrões neurais. Percepção ramificada e conexão transversal.

Execution Codex Gyroscope 3 anéis orbitais + núcleo

Movimento perpétuo. Precisão mecânica em 3 eixos.

Assets de Identidade

Compilação dos elementos de identidade visual por produto: headlines editoriais, fragmentos ASCII e assinatura MS. Cada produto carrega sua linguagem — visual e verbal.

Headlines por Produto

MSCREATIVE.SYSTEMS
A Morte do Gosto Pessoal
Por que empresas criativas sem governança perdem identidade — e chamam isso de evolução.
Creative Oracle
Árbitro Não Opina — Governa
Toda empresa criativa tem um sistema de julgamento. A maioria só não sabe qual é.
Fronteiristas
Curadoria É o Último Ato Criativo
Quem escolhe o que entra define o que existe. A edição é o gesto que transforma arquivo em argumento.
Neuro Codex
Seu Cliente Não Decide — Reage
O cérebro resolve em 0,3s o que a sua marca tenta explicar em 30 slides.
Style Codex
Tendência É Preguiça de Identidade
Marcas que seguem tendência estão terceirizando a única coisa que não deveriam delegar: o próprio rosto.
Design Codex
Estratégia Sem Estrutura É Opinião
O gap entre o deck bonito e o resultado real é um problema de arquitetura.
Execution Codex
Plano Sem Execução É Ficção
A distância entre estratégia e resultado não é talento — é infraestrutura operacional.
Data — Headline Map
const PRODUCT_HEADLINES = {
  mscs:          { title: 'A Morte do Gosto Pessoal',                    em: 'Pessoal',    color: '#A85A30' },
  oracle:        { title: 'Árbitro Não Opina — Governa',                 em: 'Opina',      color: '#8A6A18' },
  fronteiristas: { title: 'Curadoria É o Último Ato Criativo',           em: 'Criativo',   color: '#8A7A62' },
  neuro:         { title: 'Seu Cliente Não Decide — Reage',              em: 'Decide',     color: '#5A9AAA' },
  style:         { title: 'Tendência É Preguiça de Identidade',          em: 'Preguiça',   color: '#9A6068' },
  design:        { title: 'Estratégia Sem Estrutura É Opinião',          em: 'Estrutura',  color: '#5A7A9A' },
  execution:     { title: 'Plano Sem Execução É Ficção',                 em: 'Execução',   color: '#9A7048' },
};

ASCII Fragments por Produto

MSCS
░▒▓█▓▒░    ╔══╗ ║▪▪║ ╚══╝    ▸ SYS.RENDER ▸▸▸
Oracle
※──※──※──※  ┌※┐ │ ※│ └※┘  ※ ORACLE.SYS ※
Fronteiristas
◇──◇──◇──◇  ╔◇╗ ║◇◇║ ╚◇╝  ◇ ARCHIVE.SYS ◇
Neuro
◎──◎──◎──◎  ┌──┐ │◎◎│ └──┘  ◎ PERCEPT.LAYER ◎
Style
❋──❋──❋──❋  ╭──╮ │❋❋│ ╰──╯  ❋ STYLE.ENGINE ❋
Design
⊞──⊞──⊞──⊞  ┌──┐ │⊞⊞│ └──┘  ⊞ STRUCT.ENGINE ⊞
Execution
▶──▶──▶──▶  ╔──╗ ║▶▶║ ╚══╝  ▶ EXEC.ENGINE ▶
Data — ASCII Fragment Map
const ASCII_FRAGMENTS = {
  mscs:          '░▒▓█▓▒░    ╔══╗ ║▪▪║ ╚══╝    ▸ SYS.RENDER ▸▸▸',
  oracle:        '※──※──※──※  ┌※┐ │ ※│ └※┘  ※ ORACLE.SYS ※',
  fronteiristas: '◇──◇──◇──◇  ╔◇╗ ║◇◇║ ╚◇╝  ◇ ARCHIVE.SYS ◇',
  neuro:         '◎──◎──◎──◎  ┌──┐ │◎◎│ └──┘  ◎ PERCEPT.LAYER ◎',
  style:         '❋──❋──❋──❋  ╭──╮ │❋❋│ ╰──╯  ❋ STYLE.ENGINE ❋',
  design:        '⊞──⊞──⊞──⊞  ┌──┐ │⊞⊞│ └──┘  ⊞ STRUCT.ENGINE ⊞',
  execution:     '▶──▶──▶──▶  ╔──╗ ║▶▶║ ╚══╝  ▶ EXEC.ENGINE ▶',
};

MS Signature Mark

Especificações

SVG inline, fill="currentColor". Viewbox: 0 0 67.2 51.75.

Carousel: source line (20px, 15%) + brand mark (48px, 6%).

Disponível via MSCS_Wireframe.MS_SIG_SVG.

JS — MS Signature Access
// Access the inline SVG string from the wireframe engine
const svgMarkup = MSCS_Wireframe.MS_SIG_SVG;

// Insert into DOM
document.querySelector('.brand-mark').innerHTML = svgMarkup;

// Usage in carousel bottom strip (Space Mono 10px, opacity 6%)
<div class="slide-brand" style="opacity: 0.06; width: 48px;">
  <!-- MS_SIG_SVG injected here -->
</div>
Copiado!