Imagery

The mark is built from a single shape, the rounded square. Repeated across a grid, that square becomes the field, so the logo and the imagery share one shape.

A loose scatter of squares drifts slowly across the frame. Each shape grows and fades at its own pace, so the field always feels alive and never closes into a solid block.

It responds to the reader: shapes grow beneath the pointer and move with the scroll.

As you scroll the home page, the field comes together to form the Covenant mark.

This is the field's only transition, and it always ends on the mark.

Sections are separated by a narrow band of the field rather than a rule. Its shapes move with the scroll and respond to the pointer, and the band stays sparse, so it never reads as a solid divider.

Each band is 104–168 px tall and runs the full width of the page: one between each pair of sections and one above the footer.

The larger a shape, the stronger it reads. The faintest shapes are small round dots; as they grow, their corners sharpen toward the corners of the mark. Across the field, shapes stay below two thirds of their grid cell and never touch one another. Only in the mark do they reach full size and join.

The field carries the Covenant gradient across the frame, from violet at the top left to mint at the bottom right. In the bands between sections, the gradient runs straight across.