# Editorial gallery evidence: WIRED and The Verge

Checked on 2026-10-13. These are service-directory adaptations of observed editorial
structures, not copies of the publishers' content, assets, logos, or proprietary fonts.
The project-wide Apple design language remains the default; these pages are comparison
variants in the gallery.

## WIRED (`wired`)

### Sources

- Current official homepage: <https://www.wired.com/>
- Pinned third-party analysis:
  <https://github.com/VoltAgent/awesome-design-md/blob/664b3e78fd1a298ba11973822da988483256d4b4/design-md/wired/DESIGN.md>
- Local pinned source:
  `reference/design-md/design-md/wired/DESIGN.md` at repository revision
  `664b3e78fd1a298ba11973822da988483256d4b4`

### Current-page observations

- The official page returned HTTP 200 and rendered in Chromium at 1440px and 390px.
- Desktop uses a black announcement strip, a compact white masthead, a large reserved
  advertising band, and a ruled three-column editorial front: short picks on the left,
  one dominant headline and image in the center, and a dense trending list on the right.
- The mobile page removes the side columns from the first viewport and presents the
  dominant story first under a black section label.
- Identity is carried primarily by condensed display headlines, mono-like uppercase
  metadata, serif decks, square geometry, and hairline rules rather than decorative UI.

### Adaptation and uncertainty

- The gallery preserves that hierarchy with a central lead service, flanking service
  lists, and a lower magazine archive. Every entry remains a real service link.
- The advertising slot is deliberately omitted rather than copied as an empty fake ad;
  a modest section gap separates the masthead from the editorial front.
- Proprietary fonts and publisher imagery were not copied; system fallbacks and the
  gallery's existing generated artwork are used. Live editorial content changes, so the
  observations describe structure rather than specific headlines.

## The Verge (`theverge`)

### Sources

- Current official homepage: <https://www.theverge.com/>
- Pinned third-party analysis:
  <https://github.com/VoltAgent/awesome-design-md/blob/664b3e78fd1a298ba11973822da988483256d4b4/design-md/theverge/DESIGN.md>
- Local pinned source:
  `reference/design-md/design-md/theverge/DESIGN.md` at repository revision
  `664b3e78fd1a298ba11973822da988483256d4b4`

### Current-page observations

- The official page returned HTTP 200 and rendered in Chromium at 1440px and 390px.
- The current homepage is predominantly light, unlike the pinned analysis's older
  near-black StoryStream description. The gallery therefore follows the live page.
- Desktop places a narrow horizontal masthead above a three-part hero: an oversized
  vertical wordmark, a dominant visual story, and a compact quick-post rail. Purple is
  the primary UI accent; decks introduce serif texture beside condensed display type.
- Mobile turns the wordmark horizontal, places it above a pill-like section navigator,
  and lets the lead visual and headline fill the width.
- Below the hero, current sections use very large category headings and varied editorial
  card sets rather than one uniform application-card grid.

### Adaptation and uncertainty

- The gallery uses the live light structure, vertical-to-horizontal wordmark response,
  a quick service rail, and category-led color sections. The pinned dark palette is not
  presented as current evidence.
- Navigation labels are real anchors, not simulated controls; timestamps, readership
  counts, comments, and other operational metadata are intentionally omitted.
- Proprietary wordmarks, fonts, photographs, ads, and article content were not copied.
  Locale, consent, and advertising can change the official first viewport; those layers
  are not treated as reusable brand structure.

## Validation target

- `render(name, services)` supports only `wired` and `theverge`, and returns `None` for
  unsupported names.
- Each input service appears exactly once as `a[data-service]` with its complete escaped
  id, title, description, and URL.
- Pages are checked for syntax, escaping, keyboard focus, reduced-motion rules, and
  horizontal overflow at 1440px, 768px, 390px, and 320px.
