Preview image. Unlock full-res
A guideline diagram showing the black Odido dot logo placed against a vertical column grid, a blue margin box and a single orange alignment line.
More like this
See all
Summary
A stripped-back construction diagram that shows how the Odido mark is positioned on a vertical column grid, using nothing but grey columns, a blue safe-area rectangle and one orange guide.
Visual description
A light grey landscape field is divided into evenly spaced vertical columns by thin dark hairlines running the full height. A wide white band cuts across the middle-right of the sheet, breaking the grey and creating a bright zone where the grid lines continue but the fill drops out. A thin blue rectangle sits inset from all four edges as a margin or live-area box. The logo, five solid black shapes reading as a circle, a half circle, a narrow bar, a reversed half circle and a circle, sits small in the lower right quadrant, its baseline resting exactly on the bottom edge of the blue box and its widths snapping to the column intervals. A single vertical orange line runs the full height of the sheet and passes through the mark, marking one specific column edge. There is no type, no annotation, no dimension callouts and no color other than these four.
Key takeaway
The whole page proves alignment with three visual devices only: repeated columns, one containment box, and one highlighted axis in a contrasting color. Reserving orange for the single line that matters keeps the eye on the relationship being shown rather than on the grid itself.
Reuse notes
A clean model for guideline spreads where the point is placement logic, not measurements. Reach for it when documenting how a mark locks to a layout grid across formats. It leaves the rule implicit, so pair it with an annotated version if the guideline has to survive being handed to third parties. Text-free, which also makes it usable as a divider or chapter opener inside a brand book.
