must
Build for the field.
Imported from the Locked decisions section of the Halo guidance.
halo.visual.brand-principles.build-for-the-field01 / Foundations
Build from the same primitives.
Halo begins with a warm editorial field, disciplined typography, precise spacing and one intentional signal colour. These foundations keep every channel recognizably part of one system.
01
Guidance set
Brand Principles
must
Guide without noise.
Imported from the Locked decisions section of the Halo guidance.
halo.visual.brand-principles.guide-without-noiseshould
Human control before autonomous theatre.
Imported from the Working rules section of the Halo guidance.
halo.visual.brand-principles.human-control-before-autonomous-theatremust
Make complexity legible.
Imported from the Locked decisions section of the Halo guidance.
halo.visual.brand-principles.make-complexity-legibleshould
Mechanism before superlative.
Imported from the Working rules section of the Halo guidance.
halo.visual.brand-principles.mechanism-before-superlativemust
Observe the real thing.
Imported from the Locked decisions section of the Halo guidance.
halo.visual.brand-principles.observe-the-real-thingshould
Physical before abstract.
Imported from the Working rules section of the Halo guidance.
halo.visual.brand-principles.physical-before-abstractmust
Preserve context.
Imported from the Locked decisions section of the Halo guidance.
halo.visual.brand-principles.preserve-contextshould
Status before decoration.
Imported from the Working rules section of the Halo guidance.
halo.visual.brand-principles.status-before-decorationmust
Verify before claiming.
Imported from the Locked decisions section of the Halo guidance.
halo.visual.brand-principles.verify-before-claiming02
Guidance set
Grid And Spacing
should
Choose the narrowest container that works.
Imported from the Working rules section of the Halo guidance.
halo.visual.grid-and-spacing.choose-the-narrowest-container-that-worksshould
Full bleed is reserved for a climax.
Imported from the Working rules section of the Halo guidance.
halo.visual.grid-and-spacing.full-bleed-is-reserved-for-a-climaxmust
Gutters 20px mobile, 32px tablet, 56–88px desktop.
Imported from the Locked decisions section of the Halo guidance.
halo.visual.grid-and-spacing.gutters-20px-mobile-32px-tablet-56-88px-desktopshould
Mobile re-authors order; it does not merely collapse columns.
Imported from the Working rules section of the Halo guidance.
halo.visual.grid-and-spacing.mobile-re-authors-order-it-does-not-merely-collapse-columnsmust
Reading 760px with a 54ch prose measure; editorial 980px; content 1160px; showcase 1360px.
Imported from the Locked decisions section of the Halo guidance.
halo.visual.grid-and-spacing.reading-760px-with-a-54ch-prose-measure-editorial-980px-content-1160px-smust
Section space 96–224px depending on chapter role.
Imported from the Locked decisions section of the Halo guidance.
halo.visual.grid-and-spacing.section-space-96-224px-depending-on-chapter-rolemust
Twelve columns desktop, six tablet, four mobile.
Imported from the Locked decisions section of the Halo guidance.
halo.visual.grid-and-spacing.twelve-columns-desktop-six-tablet-four-mobileshould
Use asymmetry at 4/8, 5/7, or controlled overlap—not automatic 6/6.
Imported from the Working rules section of the Halo guidance.
halo.visual.grid-and-spacing.use-asymmetry-at-4-8-5-7-or-controlled-overlap-not-automatic-6-603
Guidance set
Surfaces
should
A selected surface needs more than a colour change.
Imported from the Working rules section of the Halo guidance.
halo.visual.surfaces.a-selected-surface-needs-more-than-a-colour-changemust
Deep black for the Technology climax.
Imported from the Locked decisions section of the Halo guidance.
halo.visual.surfaces.deep-black-for-the-technology-climaxmust
Editorial off-white for explanation.
Imported from the Locked decisions section of the Halo guidance.
halo.visual.surfaces.editorial-off-white-for-explanationmust
Graphite for product stages.
Imported from the Locked decisions section of the Halo guidance.
halo.visual.surfaces.graphite-for-product-stagesshould
Hard, confident transitions; no ambient gradients.
Imported from the Working rules section of the Halo guidance.
halo.visual.surfaces.hard-confident-transitions-no-ambient-gradientsshould
Media frames use 2px radius by default.
Imported from the Working rules section of the Halo guidance.
halo.visual.surfaces.media-frames-use-2px-radius-by-defaultshould
Shadows are exceptional and functional.
Imported from the Working rules section of the Halo guidance.
halo.visual.surfaces.shadows-are-exceptional-and-functionalmust
Technical panel uses fine borders and no decorative shadow.
Imported from the Locked decisions section of the Halo guidance.
halo.visual.surfaces.technical-panel-uses-fine-borders-and-no-decorative-shadowmust
Warm beige for human/company pauses.
Imported from the Locked decisions section of the Halo guidance.
halo.visual.surfaces.warm-beige-for-human-company-pauses