Brand occupying the top of the hierarchy is a common mismatch

What it is

The top half of a login is a huge wordmark and a slogan; account, password and “Log in” sit below, as a ghost button. In a first-click test a fair share tap the wordmark first, or stall on the slogan, and only then hunt the fields. Brand assets are built to be recognised — high contrast, distinctive silhouette, often a spot colour — and without a cap they sit in first place by construction. The first place on a login is “let me in.” The wordmark on that screen is identification, not the task. The mismatch is not that brand should vanish. It is that it should not be the centre of interest on this class of screen.

Why it happens

An identity system’s job is to stay separable on any ground: that is a recipe for high visual weight. On login, payment and error screens, where one concrete job must finish, the same recipe steals the encoding slot. Brand manuals often forbid shrinking, recolouring or lowering contrast, so content has no bargaining chip and visual first place is locked to the mark. Clicks on the wordmark expose a second harm: a distinctive silhouette is treated as a control. Mismatch therefore costs twice: it delays the real action, and it manufactures dead clicks.

Where it stops holding

Splash, about, and brand stories have recognition as the task; the wordmark in first place is alignment. In a logged-in chrome, a small top-bar mark is usually lighter than content and is not a mismatch. If the mark is the home entrance, a click is not dead — but treating it as the entrance on login leads people off the “get in” path. Return visitors with strong brand memory skip the wordmark; mismatch shows up with new users. Passing the screen on employees’ login speed will miss it.

Applying it

• Set a brand cap on login, checkout, empty states and system errors: wordmark height may not exceed the primary action; the slogan may not outweigh field labels.
• If brand colour is also the primary-button colour, make the login primary a solid fill and the mark a small monochrome lockup, so two patches do not share saturation.
• Do not write “brand presence” and “first place for this screen’s task” as one metric. Presence can finish on a splash or in the post-login bar.
• Check: cover the wordmark and slogan with a sticky note and time a “please log in” first click. If success rises or time falls when covered, the brand block is in the way. Uncovered, count first clicks on the mark; above chance, shrink it until that share nears zero. Do not grow the login button another circle to shout down the mark.

Related

• Same group: F3.07.1 Visual hierarchy must match content priority · F3.07.3 Conflicting priorities need a content tradeoff
• Nearby: F5.03.1 Brand colour identifies; functional colour signals state · F5.03.3 Brand colour should not emphasise anything but the primary action · E1.06 Button labels
• Search terms: brand hierarchy · logo dominance · first click · login