Uplifting Line Construction
The construction of the Uplifting Line follows simple and logic rules.
Height
Each step is one third of the total height.
Width
The width of each step (x) doubles per downward.
Usage
Master File
Always use the master file to keep all Uplifting Lines consistent: A 3840×140 px file, in the color Red.
Use
Start each layout by setting the Uplifting Line’s default size. Use this as the basis and modify only by the following rules:
Proportional scaling up to 100% format height.
(Uplifting Line = format height)
Proportional Scaling up to 3x when using a 2-step layout.
Vertical Distortion to move the Line in the horizontal axis of the layout.
Horizontal Distortion up to 2x for a more prominent Uplifting Line, or 0.5x for a subtler one.
Margin
The line always starts at the bottom edge (1), symbolizing stability.
It can be positioned directly at the left edge, or with a minimum margin of 1 Unit – or more, depending on the layout (2).
Note
To ensure the Uplifting Lines visibility, apply the minimum margin when used in:
- small applications, where the thin line might be cut off during trimming
- inner right pages of f.e. brochures, where binding obscure parts of the line
Layout
Full height:
Split layout
The Uplifting Line is set without a margin to the maximum height. Content can be split and arranged in thirds, aligned to the Uplifting Line.
Half & third heights:
Split layout
The Uplifting Line is scaled to 1/2, 1/3, or 2/3 of the height. Content can be split accordingly.
Half & third heights
The line always starts at the bottom edge and can be placed with or without a 1 Unit margin.
From the full height, the shape can be vertically distorted to
1/2, 1/3 or 2/3 of the height.
Split layout
Full height: Split layout
The Uplifting Line is set without a margin to the maximum height. Content can be split and arranged in thirds, aligned to the Uplifting Line.
Half & third heights: Split layout
The Uplifting Line is scaled to 1/2, 1/3, or 2/3 of the height. Content can be split accordingly.
Uplifting Line as a divider
Full height: Scaled up horizontally
The Uplifting Line can be used at its original proportions (1) or scaled horizontally up to 2x (2).
The thickest step can be used with equal width to create the White step. The White step is always aligned on the same horizontal axis as the thickest step of the Uplifting Line.
This can be applied in every possible divided format. In situations where a simplified layout is desired, the White step can be removed.
Uplifting Line showing 2 steps
(scaled by up to x3)
The Uplifting Line can be proportionally scaled x2, and the thickest step is aligned vertically to the layout system, using thirds or half's alingments.
The thickest step can be used with equal width to create the White step. The White step is always aligned on the same horizontal axis as the thickest step of the Uplifting Line.
This can be applied in every possible divided format. In situations where a simplified layout is desired, the White step can be removed.
Dont's
Do not change the direction
of the Uplifting Line.
Always use the Uplifting Line in Red.
Do not distort the White step horizontally.
Do not use the Uplifting Line horizontally.
Do not overscale
beyond the defined width.
Do not alter the original shape
or create custom versions.