When I think of a design, I think in terms of blocks, i.e. fixed size/proportion elements that can be arranged in multiple ways.
The subject of this particular discussion is the banner size in the following two design variations:
The first one is using height of 84px, which is the same size as of the most components in the app design (better observable in the mobile version).
The second variation uses size 64px – a static size that does not exist elsewhere in the design.
The latter (in the the words of a UI designer) looks more balanced. From the UX perspective, the latter is better because it increases the size of the visible content upon loading the page.
My concern is that a guiding principle in the UX is consistency.
What arguments must be considered when considering between element size consistency at a cost of wasted space over stylistic balance?