Archived
austin
52f6288250
On every phone width the hero lockup was rendering "The" over "Vine", with the branch marks centred against the two-line block — which is what you were seeing as stacking. It was not a wrapping bug so much as a sizing one. The lockup is three things that have to stay in proportion: two fixed-width marks and a tagline that cannot wrap. The hero used one size for phones and desktops — two 80px marks, a 36px script, and COFFEEHOUSE + BAKERY letterspaced at 0.2em — which comes to more than a 390px screen has. The only part that could give was the name, so it wrapped. Both lockups step now. On a phone the hero is 56px marks and a 30px script, full size from sm up; the bar's is a shade smaller with tighter tracking, because a 320px phone has to fit the lockup and the menu button. And the name carries whitespace-nowrap: a wordmark does not wrap, whatever else has to give. Checked at 320, 360 and 390 — one line, marks either side, on all three.