[OCaml] High Intensity Training Online
feat simplify the top bar brand to a wordmark
Drop the "HD" mark and the "High Intensity Tracker Online" subtitle. The brand is now the word "hito" set in Work Sans. Remove the unused brand-mark and brand-copy styles; keep the shared eyebrow and ledger-meta rule intact.
Changed files
ENHANCEMENTS.org
@@ -7,7 +7,7 @@
7
7
Desktop has top navigation. Mobile has an identical bottom navigation.
8
8
** DONE Use three always-available navigation actions
9
9
Use `Home`, `Routine` when the user is not logging (changing to `Current Workout` while logging), and `<username>` for the workout log. Keep all three actions available in both modes.
10
Removed:
** TODO Simplify the top bar brand
10
Added:
** DONE Simplify the top bar brand
11
11
Replace the top bar brand with `hito` in Work Sans, without a subtitle.
12
12
** TODO Remove the mobile hamburger menu
13
13
Do not show a hamburger menu on mobile.
lib/web/assets/hito.css
@@ -85,33 +85,19 @@
85
85
.brand {
86
86
display: inline-flex;
87
87
align-items: center;
88
Removed:
gap: 0.7rem;
89
88
color: var(--ink);
89
Added:
font: 800 1.25rem/1 var(--sans);
90
Added:
letter-spacing: -0.025em;
90
91
text-decoration: none;
91
92
}
92
93
93
Removed:
.brand-mark {
94
Removed:
display: grid;
95
Removed:
width: 2.25rem;
96
Removed:
height: 2.25rem;
97
Removed:
place-items: center;
98
Removed:
border: 2px solid var(--ink);
99
Removed:
color: var(--paper-raised);
100
Removed:
background: var(--oxblood);
101
Removed:
font: 700 0.78rem/1 var(--mono);
102
Removed:
letter-spacing: 0.08em;
103
Removed:
}
104
Removed:
105
Removed:
.brand-copy { display: grid; line-height: 1.1; }
106
Removed:
.brand-copy strong { font-size: 1.125rem; font-weight: 800; letter-spacing: -0.025em; }
107
Removed:
.brand-copy small,
108
94
.eyebrow,
109
95
.ledger-meta {
110
96
font: 700 var(--font-size-small)/1.35 var(--mono);
111
97
letter-spacing: 0.09em;
112
98
text-transform: uppercase;
113
99
}
114
Removed:
.brand-copy small, .eyebrow { color: var(--oxblood-dark); }
100
Added:
.eyebrow { color: var(--oxblood-dark); }
115
101
116
102
.primary-nav {
117
103
display: flex;
lib/web/pages.ml
@@ -185,16 +185,7 @@
185
185
if spa_client then
186
186
[ Dream_html.attr "data-hito-app-link" ]
187
187
else [])
188
Removed:
[
189
Removed:
tag "span" [ class_ "brand-mark" ] [ txt "HD" ];
190
Removed:
tag "span"
191
Removed:
[ class_ "brand-copy" ]
192
Removed:
[
193
Removed:
tag "strong" [] [ txt "hito" ];
194
Removed:
tag "small" []
195
Removed:
[ txt "High Intensity Tracker Online" ];
196
Removed:
];
197
Removed:
];
188
Added:
[ txt "hito" ];
198
189
]
199
190
@ primary_nav @ account_area @ menu);
200
191
tag "main"