make the app name the largest text on the landing page
The branding review no longer flags the missing purpose description, but still reports that the app name does not match the homepage — even though the console value and the h1 text are identical strings. The likely reason is visual hierarchy: the app name was a 15px label while the tagline underneath it was 32px, so the tagline read as the site's name. The name and the tagline now swap sizes, and the logo moves above the heading instead of sitting inline next to it. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
@@ -4,13 +4,12 @@
|
||||
{% block content %}
|
||||
<div class="landing">
|
||||
<div class="landing-hero">
|
||||
{# 앱 이름은 h1의 순수 텍스트여야 한다 — 구글 브랜딩 심사가 OAuth 동의 화면의 앱 이름과 홈페이지 h1을 대조하는데,
|
||||
h1 안에 alt="" 이미지가 섞여 있으면 이름을 추출하지 못한다. 로고는 h1 바깥에 둔다. #}
|
||||
<div class="landing-brand">
|
||||
<img src="/static/icons/icon-192.png" alt="" />
|
||||
<h1>해빗랩 (HabitLab)</h1>
|
||||
</div>
|
||||
<p class="landing-hero-title">습관이 만들어지는<br />진짜 시간</p>
|
||||
{# 앱 이름은 h1의 순수 텍스트이면서 화면에서 가장 큰 글자여야 한다 — 구글 브랜딩 심사가 OAuth 동의 화면의
|
||||
앱 이름과 홈페이지의 앱 이름을 대조하는데, 태그라인이 이름보다 크면 그쪽을 사이트 이름으로 본다.
|
||||
로고는 이름 추출을 방해하지 않도록 h1 바깥에 둔다. #}
|
||||
<img class="landing-logo" src="/static/icons/icon-192.png" alt="" />
|
||||
<h1 class="landing-brand">해빗랩 (HabitLab)</h1>
|
||||
<p class="landing-hero-title">습관이 만들어지는 진짜 시간</p>
|
||||
<p class="landing-tagline">21일의 법칙 대신, 습관마다 다른 진짜 목표 기간을 알려드려요</p>
|
||||
|
||||
<div class="landing-streak" aria-hidden="true">
|
||||
|
||||
Reference in New Issue
Block a user