'
'
'
'
'
'CALL NOW'
'250-888-0002
'
'Injuries
A1 picked, with the six changes Adi asked for. Round 1’s six options are still on the
server at hero-inner-r1.html; open it beside this one to read the changes as changes
(both use the .a1 namespace, so they cannot share a page).
| # | asked | done |
|---|---|---|
| 1 | .tp — the slanted ::after is not needed, a straight line is enough |
The wedge is removed. The orange panel meets the photograph on a straight vertical edge.
It was a 38px clipped triangle that had to be given z-index to paint at all, and it
cut into the frame at head height. |
| 2 | .in — too full, no space above or below |
It was 12px over: the type measured 236px inside a 300px band that already spent 76px
on padding. Fixed at the cause — the band is now min-height, not a fixed
height, so type can never squeeze the padding out again — and the padding went
38→48px with the rules at 16px. |
| 3 | .ph — the photograph is too small; take the room from .cp |
330×300 → 420×380: +27% wide, +27% tall, +61% area. The width came
out of .cp and then out of .tp as well (change 5); the height out of
the band. |
| 4 | .cp — carry the same content as .call in home_v1 |
Lifted part for part: lead line, phone at display size, availability, two fields, the swarm button, the office note — centred, in that order. Two adaptations, both forced, both below. |
| 5 | .tp is too wide |
460 → 380, a 336px type column. The widest line the title actually sets is
CAR ACCIDENT at 313.27px, so 336 leaves 22.7px and the wrap is unchanged.
The 80px went to the photograph (20) and to change 6 (60). |
| 6 | .cp needs a padding-left |
60px. It is load-bearing, not decoration: the contact block’s own left edge — and so the left input field — was sitting flush against the photograph. Only the centred text looked as though it had air. Measured gap now 60.00px at every width. |
| part | home_v1 | here | why |
|---|---|---|---|
| the button | brown on orange — white label, 10.86:1 | white, brown label — 10.86:1, orange swarm kept | The panel is brown, so home_v1’s brown button is invisible on it. Filling it with brand orange instead would put a white 13px bold label on 3.03:1 — under the 4.5:1 floor for text that size. Inverting keeps the same ratio the button has on the homepage. |
| swarm particles | 9 × 10.5 — ratio 0.857 | 9 × 10.392 — ratio 0.8660 | Same arithmetic as the big hexagon: 9 / 0.8660254 = 10.392. home_v1’s pair is 1.0% off, which is small but it is the same mistake this sheet exists to stop making. |
| availability + office note | #FBE3D8 on orange — 2.47:1 |
#FBE3D8 on brown — 8.84:1 |
Nothing changed but the ground under it. The tint that is a real contrast defect on the homepage band is comfortably legal here. The homepage still wants fixing — moving the content here does not fix it there. |
| breadcrumb strip | band | hero total | left for the page | |
|---|---|---|---|---|
| round 1 | 41px | 300px | 341px | 266px |
| round 2 | 41px | __BAND__px | __HERO__px | __LEFT__px |
.call, and it carries the
same open question it carries on the homepage: which number does a six-office firm show.The orange block still carries only large type — the title at ' '38px and the sub-line at 20px bold — because white on brand orange is 3.03:1: it ' 'clears the 3:1 floor for large text and fails the 4.5:1 floor for anything smaller. All the small ' 'contact copy sits on brown (10.86:1). That is the same reason the reference’s own ' 'arrangement works: bright block for the title, dark block for the details.
\n' '