League Law — home v2, low fidelity

Notes

1. 1The header is now position:sticky. Not a style choice — the hero's scroll maths is written against a 92px header that stays put. Make it static and every number in that section is wrong.
2. 2All three slides are placeholders — the photographs do not exist. In the hi-fi prototype the dashed boxes read as a design decision; here the entire first screen is empty. Nothing about this section can be signed off until they are shot.
3. 3The six locations are deliberately not links and have no hover — only “Read more” is clickable. Six bordered, evenly spaced objects still look pressable, so expect dead clicks; three alternatives that keep the behaviour without the button shape are drawn in band.html.
4. 4The Injuries photograph is repaired, not clean — a graphic was painted out of it — and it is a 411px file shown at 631px. It should be re-shot. The five photo-to-practice pairings are inferred from filenames and stored nowhere.
5. 5Twelve mailto: addresses are published on the homepage, where the live site publishes none. Five of the twelve portraits are low-resolution — do not widen these cards to fix a layout problem.
6. 6The five stars are uniform because no rating is stored on a testimonial record. Truthful only while every published review is genuinely five stars.
7. 7The three featured pieces date from 2020–2022, while the blog's newest post is 2026-07-02.
8. 8The vlog half carries no tagline where the articles half above it has one.
9. 9All five questions and answers are new copy awaiting Darren's approval. Every fact inside them comes from the site or the database — but the questions a law firm's FAQ actually needs (fees and contingency, limitation periods, whether a case is worth pursuing) are absent, because a designer must not write them.
10. 10The visible address is a placeholder — the exact address after the November move is still unknown. A “contact strip” section exists in the CSS but is empty; the CTA band lives inside the footer block instead.
11. 11Six mega panels have no drawn mobile answer. They have been carried since the header was picked without anyone deciding what they become in a drawer. This is the largest undecided piece of the design.
12. 12The scroll-pin and the travelling form are desktop behaviour with no phone equivalent decided. On a narrow screen the form should simply sit under the image — that is a decision to make, not to inherit.
13. 13The mosaic loses its entire idea in one column. It works because two tiles are wider than three others; stacked they are all the same width and the hierarchy the section was built around disappears. A phone layout needs deciding separately.
14. 14The accordion is the one section that works better on a phone than on the desktop — five rows of one line each, and native <details> needs no touch handling of its own.