bullitt/trackbox

Fork 0

Global: Standardize page heading hierarchy across Trackbox #46

New issue

Closed

opened 2026-06-27 15:41:16 +02:00 by bullitt · 1 comment

bullitt commented

2026-06-27 15:41:16 +02:00

Owner

Problem

The page heading size is inconsistent across screens:

Dashboard: text-xl font-bold
Stats: text-xl font-bold
Parsers: text-xl font-bold
Settings: text-2xl font-bold ← different

This is a minor visual inconsistency that makes Settings feel like it belongs to a different design.

Implementation

File: frontend/src/pages/Settings.tsx — line ~135:

Change:

<h1 className="text-2xl font-bold">Settings</h1>

To:

<h1 className="text-xl font-bold">Settings</h1>

Acceptance criteria

All four main pages (Dashboard, Stats, Parsers, Settings) use text-xl font-bold for the page h1

Brand identity alignment

Trackbox should use restrained typography: app screens are operational work surfaces, not marketing pages. Consistent h1 sizing supports the calm control-plane feel.

Brand-compliant implementation notes

Use text-xl font-bold for page titles unless a future layout introduces a shared page-header component.
Keep subtitles as text-sm text-muted-foreground with precise product copy.
Avoid oversized hero-style typography inside the app.

Additional acceptance criteria

Main page headings share a consistent visual hierarchy.
Settings no longer feels visually detached from Dashboard, Parsers, and Stats.
Typography remains dense, readable, and non-marketing.

Migrated from GitHub issue #25: https://github.com/bullitt186/trackbox/issues/25
Original author: @bullitt186
Original created: 2026-06-27T13:26:09Z
Original labels: ux

## Problem The page heading size is inconsistent across screens: - Dashboard: `text-xl font-bold` - Stats: `text-xl font-bold` - Parsers: `text-xl font-bold` - Settings: `text-2xl font-bold` ← different This is a minor visual inconsistency that makes Settings feel like it belongs to a different design. ## Implementation File: `frontend/src/pages/Settings.tsx` — line ~135: Change: ```tsx <h1 className="text-2xl font-bold">Settings</h1> ``` To: ```tsx <h1 className="text-xl font-bold">Settings</h1> ``` ## Acceptance criteria - All four main pages (Dashboard, Stats, Parsers, Settings) use `text-xl font-bold` for the page `h1` ## Brand identity alignment Trackbox should use restrained typography: app screens are operational work surfaces, not marketing pages. Consistent `h1` sizing supports the calm control-plane feel. ## Brand-compliant implementation notes - Use `text-xl font-bold` for page titles unless a future layout introduces a shared page-header component. - Keep subtitles as `text-sm text-muted-foreground` with precise product copy. - Avoid oversized hero-style typography inside the app. ## Additional acceptance criteria - Main page headings share a consistent visual hierarchy. - Settings no longer feels visually detached from Dashboard, Parsers, and Stats. - Typography remains dense, readable, and non-marketing. --- Migrated from GitHub issue #25: https://github.com/bullitt186/trackbox/issues/25 Original author: @bullitt186 Original created: 2026-06-27T13:26:09Z Original labels: ux

bullitt added the

label

2026-06-27 15:41:16 +02:00

bullitt changed title from ~~Global: Standardize page h1 size — Settings uses text-2xl, all others use text-xl~~ to Global: Standardize page heading hierarchy across Trackbox

2026-06-27 15:46:22 +02:00

bullitt commented

2026-06-27 16:03:31 +02:00

Author

Owner

Already correct in the codebase. Verified in commit bd6b0e7: Settings page uses <h1 className="text-xl font-bold"> (line 136 of Settings.tsx), matching Dashboard, Stats, and Parsers. No change was needed. Closing as resolved.

Already correct in the codebase. Verified in commit bd6b0e7: Settings page uses `<h1 className="text-xl font-bold">` (line 136 of Settings.tsx), matching Dashboard, Stats, and Parsers. No change was needed. Closing as resolved.

bullitt closed this issue

2026-06-27 16:03:31 +02:00

No labels

arch

harness

security

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

bullitt/trackbox#46

No description provided.

Rows
Columns