jonesco.com
Wes Jones’s portfolio and the home of Jonesco. Repo jonesco/jonesco.com. Pinned to 3.4.0 (since 2026-11-10; it was on 2.0.0).
Variations
| Site | Variation | Why |
|---|---|---|
| Header | JONES© vector wordmark; grows to 192px on home, shrinks to 80 on scroll; compact on inner pages | Home opens on the brand. |
| Bands | “What I bring” on white between thick rules; “Let’s talk” on black, name at 28px over the contact list | White keeps the skills readable; black closes the page. |
| Case studies | Black “Case Study #” tag; big title over a thick rule; plain bullets | Reads like a document. |
| Next case study | Tall black band joined to the footer | Every case study ends on the way to the next. |
| Case | Page titles in condensed caps; section headings, tile titles and skill titles in sentence case | First site to adopt the case rule (1.1.0). |
| Archive | /archive: earlier work under “/ARCHIVE”, tiles numbered like case studies, “Project #” tags; noindex and unlinked | Keeps older work available without diluting the main story. |
| Takes | /takes: short posts; condensed caps title as the hero, sentence-case list titles | Brief thoughts, one page each. |
| v2 preview | /v2/: homepage redesign on 2.0.0 (all Trade Gothic). Numbered work cards with a black tag, four numbered “How I work” steps, About with a facts list, and an endorsements carousel of newsprint quote cards (three across, one on phones, arrows in the eyebrow row); noindex and unlinked | Trying a fuller homepage before it replaces the live one, which stays on 1.0.0. |
| 404 | A cursing headline (“#$@*&!”) in condensed caps, one line of text, a pink home link; footer pinned to the bottom | Shared with Art Dept, so lost visitors get the same joke on both sites. |
| Tags | Work-card tags are 3.0.0 white pills on the newsprint cards; the “Case Study #” tag a medium dark pill. Defined in the site’s stylesheet, since the cards are the site’s own markup and most pages load only system.css. Card titles stay black on hover; only “View case” turns magenta. The 3.1.0 white hairline between the image and the newsprint is copied in too | Matches the system’s tag and Card. |
| Buttons | The hero’s second button (“Apps I’ve built”) is a newsprint block, black on hover. Promoted to the system as .sys-btn--secondary in 3.4.0, which the site now uses. The site restates its colors because its own copy of .sys-btn loads after patterns.css. | An outline felt too light beside the black button; newsprint matches the cards and panels. |