Tile C family: editorial-modern refs: ref-011, ref-005 (+ ref-001 hero technique) archetype: editorial-stack palette: aubergine/chalk/light ALL COPY IS PLACEHOLDER — words belong to the Copywriter

North Logan, UtahMachine shop · Diagnostics

Oversized sans headline with an italic serif phrase inside it.

Placeholder lead. Two or three lines of body copy at lead size, holding the editorial measure. Every word here is a stand-in — the Copywriter owns the language.

4.8 from 62 Google reviews 347 W 2500 N, North Logan, UT

I

In-house engine machine work

Placeholder line. The dossier makes this the lead service.

II

Engine rebuilding & exchange

Placeholder description line.

III

Diagnostics

Placeholder description line.

IV

Diesel inspection — Cache County

Listed by the Bear River Health Department.

Section IIWhat happens to your car

Heading placeholder with an underlined accent.

Placeholder lead for the process section. Built only from facts the dossier carries; nothing invented to fill a column.

I

[step one — Copywriter]

Placeholder description line.

II

[step two — Copywriter]

Placeholder description line.

III

[step three — Copywriter]

Placeholder description line.

Cache County diesel inspection. Placeholder statement of the Bear River Health Department listing — a factual, government-sourced line, never dressed as a certification of technicians.


Tile spec — documentation, not part of the design

Type specimen · Bricolage Grotesque (OFL 1.1) + Source Serif 4 Italic (OFL 1.1)

--text-hero · Bricolage Grotesque 500, opsz 90 + Source Serif 4 Italic 400 · clamp(2.75rem, 12vw, 6rem)

Machine work

--text-h2 · Bricolage Grotesque 500, opsz 40 · clamp(1.75rem, 5vw, 2.75rem)

Section heading at h2 size

--text-lead · Bricolage Grotesque 400, opsz 14 · clamp(1.0625rem, 2.2vw, 1.25rem)

Lead paragraph size. The quick brown fox jumps over the lazy dog; 0123456789.

--text-body · Bricolage Grotesque 400 · clamp(1rem, 1.4vw, 1.0625rem) / 1.58

Body copy size at the reading measure. The quick brown fox jumps over the lazy dog, then jumps back again to prove the line length is comfortable at 375px and at the container maximum. 0123456789 — (435) 753-2521.

--text-small / --text-eyebrow · 400 / 600

Small text size.

Eyebrow · tracking 0.18emRight slot

Palette · computed contrast ratios (WCAG 2.1 · AA = 4.5:1 body, 3:1 large)

--color-ink on --color-bg

#241520 on #f5f0ee
15.44:1 — AA + AAA

--color-ink-muted on --color-bg

#5b4655 on #f5f0ee
7.58:1 — AA + AAA

--color-accent on --color-bg

#5e2748 on #f5f0ee
9.99:1 — AA + AAA

--color-ink on --color-surface

#241520 on #ffffff
17.45:1 — AA + AAA

--color-ink-muted on --color-surface

#5b4655 on #ffffff
8.56:1 — AA + AAA

--color-accent on --color-surface

#5e2748 on #ffffff
11.29:1 — AA + AAA

--color-accent-ink on --color-accent

#f5f0ee on #5e2748
9.99:1 — AA + AAA

--color-bg on --color-band

#f5f0ee on #3a1a2c
13.62:1 — AA + AAA

--color-band-ink-muted on --color-band

#d6c3ce on #3a1a2c
9.21:1 — AA + AAA

--color-clay on --color-band

#e8b98c on #3a1a2c
8.63:1 — AA + AAA

--color-clay on --color-bg

#e8b98c on #f5f0ee
1.58:1 — FAILS — non-text use only
the underline wash and hero ticks; never text on chalk

Motion

One hero moment, exactly one. The subject bobs on 11s; satellites run 15s / 18s / 23s; the drifting numeral runs 28s and the mote 37s — six independent, non-synchronised loops (ref-001's satellite float physics, adapted to shop tooling rather than fruit, per that entry's caution). The process band below is entirely still.

Signature move (proposed): the dimension-tick rule under the subject is the same hairline that rules the index list — the hero's measuring marks and the page's editorial rules are one system, so the motion reads as measurement rather than decoration.

Reduced motion: prefers-reduced-motion: reduce stops every loop and collapses the duration tokens. The dusk atmosphere, the subject scale, the aubergine band and the full palette all survive; every loop oscillates around its rest position, so the still frame is the composed frame.

Tweaks bar: serve the repo root and open this file with ?tweaks.