Same markup, another voice.Mesma marcação, outra voz.

NoneNenhumaHost-controlledControlado pelo host VeloraIn developmentEm desenvolvimento NoirBeta · darkBeta · escuro EarthBeta · lightBeta · claro

Field notes · 4 minNotas de campo · 4 min

Light the scene, then let it move.Acenda a cena, depois deixe-a se mover.

Same markup in every state. Only tokens change: colour, type, spacing, geometry, media and motion.A mesma marcação em todos os estados. Só os tokens mudam: cor, tipografia, espaçamento, geometria, mídia e movimento.

Read moreLer maisSaveSalvar

EmailE-mail

Hover or focusPasse o mouse ou foque

CodeCódigo

<article class="card" vl-enter="clip-rise">
  <img src="…" alt="…">
  <h3>Light the scene, then let it move.</h3>
</article>
<!-- identical in every state -->

None is not a Skin: it is the host-controlled state that proves Motion Core works without any Velora visual model.Nenhuma não é uma Skin: é o estado controlado pelo host que prova que o Motion Core funciona sem nenhum modelo visual do Velora.

.tier { box-shadow: 0 0 calc(var(--depth-blur) * (1 + var(--n) * .35))
  color-mix(in oklab, var(--fg) calc(var(--depth-alpha) * (1 + var(--n) * .5) * 1%), transparent); }
/* --depth-blur  base blur of the lowest tier
   --depth-alpha  base opacity, in percent */

The current core already has --vl-shadow-sm, -md, -lg, -glow, -dramatic and -float, which use offsets. The names --vl-shadow-low to -glow and --vl-kinetic-blur proposed here are not in the stylesheet. If accepted, depth would become one more token family that a Skin maps.O core atual já tem --vl-shadow-sm, -md, -lg, -glow, -dramatic e -float, que usam deslocamentos. Os nomes --vl-shadow-low a -glow e --vl-kinetic-blur propostos aqui não estão na folha de estilo. Se aceita, a profundidade viraria mais uma família de tokens que uma Skin mapeia.

1. The same semantic markup stays understandable under every Skin.A mesma marcação semântica continua compreensível em qualquer Skin.
2. Switching a Skin changes composition through tokens and documented recipes, never by forking Core behaviour.Trocar de Skin muda a composição por tokens e receitas documentadas, nunca bifurcando o comportamento do Core.
3. Motion personality can change distance, duration and easing, and always honours prefers-reduced-motion.A personalidade de movimento pode mudar distância, duração e easing, e sempre respeita prefers-reduced-motion.
4. A preview shows typography, hierarchy, media, component anatomy and motion voice, not only swatches.Uma prévia mostra tipografia, hierarquia, mídia, anatomia dos componentes e voz de movimento, não só amostras de cor.
5. Showcase-local styling never becomes a hidden requirement for consumers.Estilos locais do Showcase nunca viram um requisito oculto para quem consome.
6. A named Skin maps every required token family before promotion.Uma Skin nomeada mapeia todas as famílias de tokens obrigatórias antes de ser promovida.
7. Skin switching and its persistence are never required for content or navigation to work.Trocar de Skin e persistir a escolha nunca é necessário para o conteúdo ou a navegação funcionarem.

<html data-editorial-theme="noir">
<!-- Selector for a named Skin. Each Skin declares its own light and dark intent. -->

Selection can be stored by Showcase and Docs as product-experience state. It is not part of Motion Core and must not block when storage is unavailable.A seleção pode ser guardada pelo Showcase e pela Docs como estado de experiência do produto. Não faz parte do Motion Core e não deve bloquear quando o armazenamento estiver indisponível.