Halo CompassBrand system
Index

01

Guidance set

Motion

must

When reduced motion is requested, render the final state immediately and preserve all meaning.

Motion must teach without becoming required for comprehension.

Examples
Use

The complete diagram appears without the connector animation.

Avoid

Critical state remains hidden because its reveal animation is disabled.

halo.accessibility.motion-reduction
must-not

Do not animate large blur filters on mobile.

Imported from the Working rules section of the Halo guidance.

halo.visual.motion.do-not-animate-large-blur-filters-on-mobile
must-not

Do not use the signature as pagination dots, typing indicators, an ellipsis, an overflow menu, generic bullets, or background texture.

Imported from the Working rules section of the Halo guidance.

halo.visual.motion.do-not-use-the-signature-as-pagination-dots-typing-indicators-an-ellipsi
must

Durations: 160–520ms interface response, 900–1600ms editorial narrative, and up to 3600ms for one deliberate teaching sequence; protected VSI owns its internal timeline.

Imported from the Locked decisions section of the Halo guidance.

halo.visual.motion.durations-160-520ms-interface-response-900-1600ms-editorial-narrative-an
must

Easings: cubic-bezier(0.2, 0, 0, 1) standard, cubic-bezier(0.16, 1, 0.3, 1) emphasized, and cubic-bezier(0.32, 0, 0.18, 1) for teaching sequences.

Imported from the Locked decisions section of the Halo guidance.

halo.visual.motion.easings-cubic-bezier-0-2-0-0-1-standard-cubic-bezier-0-16-1-0-3-1-emphas
should

Entrance motion is optional, measured, non-looping, and supported by a static label or accessible name.

Imported from the Working rules section of the Halo guidance.

halo.visual.motion.entrance-motion-is-optional-measured-non-looping-and-supported-by-a-stat
must-not

No scroll-jacking, parallax nausea, perpetual ambient movement, or motion-only meaning.

Imported from the Working rules section of the Halo guidance.

halo.visual.motion.no-scroll-jacking-parallax-nausea-perpetual-ambient-movement-or-motion-o
should

One teaching animation per viewport.

Imported from the Working rules section of the Halo guidance.

halo.visual.motion.one-teaching-animation-per-viewport
must

Page transitions are optional and never block navigation.

Imported from the Locked decisions section of the Halo guidance.

halo.visual.motion.page-transitions-are-optional-and-never-block-navigation
should

Reduced motion renders final states immediately.

Imported from the Working rules section of the Halo guidance.

halo.visual.motion.reduced-motion-renders-final-states-immediately
must

Scroll reveal is opacity plus max 16px movement.

Imported from the Locked decisions section of the Halo guidance.

halo.visual.motion.scroll-reveal-is-opacity-plus-max-16px-movement
should

The complete Motion Signature is used only for movement, progression, confidence, workflow, capture, or completion.

Imported from the Working rules section of the Halo guidance.

halo.visual.motion.the-complete-motion-signature-is-used-only-for-movement-progression-conf
must

The Halo Motion Signature is the official secondary brand asset and always reads Target -> Align -> Capture.

Imported from the Locked decisions section of the Halo guidance.

halo.visual.motion.the-halo-motion-signature-is-the-official-secondary-brand-asset-and-alwa
should

The Halo Target may be used alone for a true destination, guidance point, or capture waypoint.

Imported from the Working rules section of the Halo guidance.

halo.visual.motion.the-halo-target-may-be-used-alone-for-a-true-destination-guidance-point-
must

The progression remains recognizable without colour and never reverses.

Imported from the Locked decisions section of the Halo guidance.

halo.visual.motion.the-progression-remains-recognizable-without-colour-and-never-reverses
must

The signature uses 8px Target, 12px Align, 16px Capture, 16px spacing, a 1.25px target ring, and a 3px centre dot at the reference scale.

Imported from the Locked decisions section of the Halo guidance.

halo.visual.motion.the-signature-uses-8px-target-12px-align-16px-capture-16px-spacing-a-1-2

02

Guidance set

Components

must

A component variant must solve a recurring semantic need across surfaces rather than a single layout preference.

Imported from the Rules section of the Halo guidance.

halo.visual.components.a-component-variant-must-solve-a-recurring-semantic-need-across-surfaces
must

Catalog cards are reserved for official assets, icons, components, photography, diagrams, motion, and presentation specimens.

Imported from the Rules section of the Halo guidance.

halo.visual.components.catalog-cards-are-reserved-for-official-assets-icons-components-photogra
must-not

Do not add a component without keyboard, screen-reader, reduced-motion, and responsive behaviour where applicable.

Imported from the Red lines section of the Halo guidance.

halo.visual.components.do-not-add-a-component-without-keyboard-screen-reader-reduced-motion-and
must-not

Do not fork a canonical component for one deck, page, campaign, or document.

Imported from the Red lines section of the Halo guidance.

halo.visual.components.do-not-fork-a-canonical-component-for-one-deck-page-campaign-or-document
must-not

Do not place ordinary paragraphs in cards merely to create visual rhythm.

Imported from the Red lines section of the Halo guidance.

halo.visual.components.do-not-place-ordinary-paragraphs-in-cards-merely-to-create-visual-rhythm
must

Empty and loading states communicate system work without decoration, false certainty, or celebratory motion.

Imported from the Rules section of the Halo guidance.

halo.visual.components.empty-and-loading-states-communicate-system-work-without-decoration-fals
must

Every component specification includes purpose, usage, variants, spacing, accessibility, approved examples, rejected examples, and source ownership.

Imported from the Rules section of the Halo guidance.

halo.visual.components.every-component-specification-includes-purpose-usage-variants-spacing-ac
must

Evidence cards show the artifact directly and keep provenance close enough to preserve trust.

Imported from the Rules section of the Halo guidance.

halo.visual.components.evidence-cards-show-the-artifact-directly-and-keep-provenance-close-enou
must

Forms name the current state, the reason, the next action, and any evidence or privacy consequence.

Imported from the Rules section of the Halo guidance.

halo.visual.components.forms-name-the-current-state-the-reason-the-next-action-and-any-evidence
must

Metric cards use one primary number with unit, timeframe, source, and plain-language interpretation.

Imported from the Rules section of the Halo guidance.

halo.visual.components.metric-cards-use-one-primary-number-with-unit-timeframe-source-and-plain
must

Navigation keeps literal labels, stable placement, clear active state, keyboard access, and predictable disclosure.

Imported from the Rules section of the Halo guidance.

halo.visual.components.navigation-keeps-literal-labels-stable-placement-clear-active-state-keyb
must

Section dividers reset attention with short labels, quiet numbering, and measured rules rather than chapter art.

Imported from the Rules section of the Halo guidance.

halo.visual.components.section-dividers-reset-attention-with-short-labels-quiet-numbering-and-m
must

Workflow components use numbered steps, equal geometry, state labels, and explicit inputs and outputs.

Imported from the Rules section of the Halo guidance.

halo.visual.components.workflow-components-use-numbered-steps-equal-geometry-state-labels-and-e

03

Guidance set

Data Visualization

must

Choose the simplest chart that preserves the relationship and does not hide variance.

Imported from the Rules section of the Halo guidance.

halo.visual.data-visualization.choose-the-simplest-chart-that-preserves-the-relationship-and-does-not-h
must

Confidence and uncertainty are shown when they affect the decision.

Imported from the Locked decisions section of the Halo guidance.

halo.visual.data-visualization.confidence-and-uncertainty-are-shown-when-they-affect-the-decision
must-not

Do not crop axes or manipulate scale to exaggerate change.

Imported from the Red lines section of the Halo guidance.

halo.visual.data-visualization.do-not-crop-axes-or-manipulate-scale-to-exaggerate-change
must-not

Do not use 3D charts, decorative gradients, rainbow palettes, unlabeled percentages, or chart types that hide the point.

Imported from the Red lines section of the Halo guidance.

halo.visual.data-visualization.do-not-use-3d-charts-decorative-gradients-rainbow-palettes-unlabeled-per
must-not

Do not use colour as the only distinction between series or states.

Imported from the Red lines section of the Halo guidance.

halo.visual.data-visualization.do-not-use-colour-as-the-only-distinction-between-series-or-states
must

Keep axes, baselines, intervals, and comparison periods visible enough to audit the claim.

Imported from the Rules section of the Halo guidance.

halo.visual.data-visualization.keep-axes-baselines-intervals-and-comparison-periods-visible-enough-to-a
must

Label directly and avoid legends when the labels fit beside the data.

Imported from the Rules section of the Halo guidance.

halo.visual.data-visualization.label-directly-and-avoid-legends-when-the-labels-fit-beside-the-data
must

Preserve legibility in print, grayscale, reduced colour, zoom, and narrow layouts.

Imported from the Rules section of the Halo guidance.

halo.visual.data-visualization.preserve-legibility-in-print-grayscale-reduced-colour-zoom-and-narrow-la
must

Provide a concise text summary and an accessible data table for interactive or published charts.

Imported from the Rules section of the Halo guidance.

halo.visual.data-visualization.provide-a-concise-text-summary-and-an-accessible-data-table-for-interact
must

Units, timeframes, source, and interpretation remain attached to every chart that leaves its source context.

Imported from the Locked decisions section of the Halo guidance.

halo.visual.data-visualization.units-timeframes-source-and-interpretation-remain-attached-to-every-char
must

Use Carbon, Graphite, Steel, and Fog as the default series palette, with one Halo Magenta highlight.

Imported from the Locked decisions section of the Halo guidance.

halo.visual.data-visualization.use-carbon-graphite-steel-and-fog-as-the-default-series-palette-with-one
must

Use Magenta for only one competing story in a chart.

Imported from the Rules section of the Halo guidance.

halo.visual.data-visualization.use-magenta-for-only-one-competing-story-in-a-chart
must

Use operational status colours only for their documented meanings.

Imported from the Rules section of the Halo guidance.

halo.visual.data-visualization.use-operational-status-colours-only-for-their-documented-meanings

04

Guidance set

Diagram Language

must

All diagrams start with a concise prose summary.

Imported from the Locked decisions section of the Halo guidance.

halo.visual.diagram-language.all-diagrams-start-with-a-concise-prose-summary
must

Connectors have verbs.

Imported from the Locked decisions section of the Halo guidance.

halo.visual.diagram-language.connectors-have-verbs
must

Current, next, and future use text labels plus line styles.

Imported from the Locked decisions section of the Halo guidance.

halo.visual.diagram-language.current-next-and-future-use-text-labels-plus-line-styles
should

Maximum seven primary nodes per viewport.

Imported from the Working rules section of the Halo guidance.

halo.visual.diagram-language.maximum-seven-primary-nodes-per-viewport
should

Mobile becomes an ordered vertical sequence.

Imported from the Working rules section of the Halo guidance.

halo.visual.diagram-language.mobile-becomes-an-ordered-vertical-sequence
must-not

No 3D isometric infrastructure.

Imported from the Working rules section of the Halo guidance.

halo.visual.diagram-language.no-3d-isometric-infrastructure
must-not

No vendor-logo constellations.

Imported from the Working rules section of the Halo guidance.

halo.visual.diagram-language.no-vendor-logo-constellations
must

Use nodes only for real objects or actors.

Imported from the Locked decisions section of the Halo guidance.

halo.visual.diagram-language.use-nodes-only-for-real-objects-or-actors

05

Guidance set

Presentation System

must

Approved layout archetypes are cover, statement, workflow, metrics, two-column, proof, and closing.

Imported from the Locked decisions section of the Halo guidance.

halo.visual.presentation-system.approved-layout-archetypes-are-cover-statement-workflow-metrics-two-colu
must

Attach unit, timeframe, source, and interpretation to primary metrics.

Imported from the Rules section of the Halo guidance.

halo.visual.presentation-system.attach-unit-timeframe-source-and-interpretation-to-primary-metrics
should

Closing: one precise belief or decision request rather than a motivational slogan.

Imported from the Approved patterns section of the Halo guidance.

halo.visual.presentation-system.closing-one-precise-belief-or-decision-request-rather-than-a-motivationa
should

Cover: headline, optional support, approved editorial hero, Halo logo, and optional Signature Lockup.

Imported from the Approved patterns section of the Halo guidance.

halo.visual.presentation-system.cover-headline-optional-support-approved-editorial-hero-halo-logo-and-op
must-not

Do not author production decks as one-off slide JSX, CSS, or PowerPoint styling when a compiler path exists.

Imported from the Red lines section of the Halo guidance.

halo.visual.presentation-system.do-not-author-production-decks-as-one-off-slide-jsx-css-or-powerpoint-st
must-not

Do not place footer, page number, progress indicator, metadata, source label, reticle, or decorative technical overlay on the canonical cover.

Imported from the Red lines section of the Halo guidance.

halo.visual.presentation-system.do-not-place-footer-page-number-progress-indicator-metadata-source-label
must-not

Do not shrink type, reduce spacing, overlap objects, compress cards, or move content outside the safe area.

Imported from the Red lines section of the Halo guidance.

halo.visual.presentation-system.do-not-shrink-type-reduce-spacing-overlap-objects-compress-cards-or-move
must-not

Do not use unapproved layouts, inline styling, legacy slide classes, or source-original asset paths.

Imported from the Red lines section of the Halo guidance.

halo.visual.presentation-system.do-not-use-unapproved-layouts-inline-styling-legacy-slide-classes-or-sou
must

Keep headline type at 56px or larger, supporting copy at 24px or larger, hero metrics at 64px or larger, and captions or footers at 18px or larger on the reference canvas.

Imported from the Rules section of the Halo guidance.

halo.visual.presentation-system.keep-headline-type-at-56px-or-larger-supporting-copy-at-24px-or-larger-h
must

Keep headlines to three lines maximum and usually four to nine words.

Imported from the Rules section of the Halo guidance.

halo.visual.presentation-system.keep-headlines-to-three-lines-maximum-and-usually-four-to-nine-words
must

Let components own their internal spacing, type, and count limits; slides cannot override component internals.

Imported from the Rules section of the Halo guidance.

halo.visual.presentation-system.let-components-own-their-internal-spacing-type-and-count-limits-slides-c
must

Limit metric cards to three, proof cards to four, workflow steps to four, and capture sequences to four images.

Imported from the Rules section of the Halo guidance.

halo.visual.presentation-system.limit-metric-cards-to-three-proof-cards-to-four-workflow-steps-to-four-a
should

Metrics: one dominant measure with unit, timeframe, source, and interpretation.

Imported from the Approved patterns section of the Halo guidance.

halo.visual.presentation-system.metrics-one-dominant-measure-with-unit-timeframe-source-and-interpretati
must

Presentation exports must preserve accessibility text, reading order, contrast, safe areas, source labels, and asset provenance.

Imported from the Rules section of the Halo guidance.

halo.visual.presentation-system.presentation-exports-must-preserve-accessibility-text-reading-order-cont
must

Presentation safe area is 76px left and right, 64px top, and 42px bottom on the reference canvas.

Imported from the Locked decisions section of the Halo guidance.

halo.visual.presentation-system.presentation-safe-area-is-76px-left-and-right-64px-top-and-42px-bottom-o
should

Proof: sourceable artifact or comparison with a concise caption.

Imported from the Approved patterns section of the Halo guidance.

halo.visual.presentation-system.proof-sourceable-artifact-or-comparison-with-a-concise-caption
should

Statement: one editorial assertion with deliberate space.

Imported from the Approved patterns section of the Halo guidance.

halo.visual.presentation-system.statement-one-editorial-assertion-with-deliberate-space
must

The canvas resolves inward through safe area, Halo container, 12-column grid, and canonical components.

Imported from the Locked decisions section of the Halo guidance.

halo.visual.presentation-system.the-canvas-resolves-inward-through-safe-area-halo-container-12-column-gr
must

The cover is an editorial title page and does not use ordinary slide navigation chrome.

Imported from the Locked decisions section of the Halo guidance.

halo.visual.presentation-system.the-cover-is-an-editorial-title-page-and-does-not-use-ordinary-slide-nav
must

The grid uses 24px gutters and the 8px baseline; slide-local visual nudging is prohibited.

Imported from the Locked decisions section of the Halo guidance.

halo.visual.presentation-system.the-grid-uses-24px-gutters-and-the-8px-baseline-slide-local-visual-nudgi
must

Use approved media frames for screenshots, photos, diagrams, illustrations, and product evidence.

Imported from the Rules section of the Halo guidance.

halo.visual.presentation-system.use-approved-media-frames-for-screenshots-photos-diagrams-illustrations-
must

Use one idea, one supporting sentence, one primary focal point, and no more than three supporting points per ordinary slide.

Imported from the Rules section of the Halo guidance.

halo.visual.presentation-system.use-one-idea-one-supporting-sentence-one-primary-focal-point-and-no-more
must

Use orthogonal or governed radial flows with consistent step geometry, measurement lines, and annotation rails.

Imported from the Rules section of the Halo guidance.

halo.visual.presentation-system.use-orthogonal-or-governed-radial-flows-with-consistent-step-geometry-me
must

Use the approved product-in-use hero directly on the canvas when its asset contract prohibits a frame or card.

Imported from the Rules section of the Halo guidance.

halo.visual.presentation-system.use-the-approved-product-in-use-hero-directly-on-the-canvas-when-its-ass
must

Use two neutral chart tones plus one accent and label data directly whenever the labels fit.

Imported from the Rules section of the Halo guidance.

halo.visual.presentation-system.use-two-neutral-chart-tones-plus-one-accent-and-label-data-directly-when
must

When content overflows, shorten it, split the slide, select another approved layout, or add a reusable layout to the system.

Imported from the Rules section of the Halo guidance.

halo.visual.presentation-system.when-content-overflows-shorten-it-split-the-slide-select-another-approve
should

Workflow: numbered steps with equal geometry and clear inputs and outputs.

Imported from the Approved patterns section of the Halo guidance.

halo.visual.presentation-system.workflow-numbered-steps-with-equal-geometry-and-clear-inputs-and-outputs

Halo Compass brand system

One governed source for people and agents.