{
  "schemaVersion": 2,
  "id": "09",
  "slug": "glossy-fashion",
  "name": "Glossy Fashion",
  "brand": "Contour Quarterly",
  "family": "Clarity & editorial",
  "status": "ready",
  "thesis": "Use art direction and image sequencing to establish a strong editorial world.",
  "suitableFor": [
    "Editorial",
    "Fashion"
  ],
  "character": "Expressive",
  "traits": {
    "composition": "Photographic cover with large display type and alternating editorial spreads",
    "navigation": "Issue chapters and contributor credits",
    "typography": "Libre Baskerville + DM Sans",
    "density": "Low",
    "imagery": "Licensed illustrative photography",
    "surface": "Oversized serif display, editorial photography and acid-yellow fields",
    "motion": "Minimal"
  },
  "effort": "Medium",
  "definingFeatures": [
    "Deliberate image scale",
    "Portrait-aware mobile composition",
    "A distinct issue identity"
  ],
  "adaptableChoices": [
    "Brand and content",
    "Accent colour with verified contrast",
    "Equivalent licensed typefaces"
  ],
  "entryRoute": "/preview/09-glossy-fashion/start",
  "states": [
    {
      "key": "story",
      "label": "The quiet edge",
      "route": "/preview/09-glossy-fashion/story"
    },
    {
      "key": "archive",
      "label": "Issue archive",
      "route": "/preview/09-glossy-fashion/archive"
    }
  ],
  "referenceImages": [
    {
      "file": "/previews/09/desktop.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/09/844c846a75b06e6c-desktop.jpg",
      "route": "/preview/09-glossy-fashion/start",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:dd7f72f1c9ddbd90151d8d36e12895aadf96beb1b123f2dc8a5b1d43764db101",
      "sha256": "844c846a75b06e6c87bcf0ccfa91da3326e472204c4b581f7c5ff42d96dc2ff6",
      "fullPage": false
    },
    {
      "file": "/previews/09/mobile.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/09/f460d2f9fd5c7d43-mobile.jpg",
      "route": "/preview/09-glossy-fashion/start",
      "viewport": {
        "width": 390,
        "height": 844
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:dd7f72f1c9ddbd90151d8d36e12895aadf96beb1b123f2dc8a5b1d43764db101",
      "sha256": "f460d2f9fd5c7d434f1c42e410cc7746d16e04f4fc9a61a67050f6a06171c122",
      "fullPage": false
    },
    {
      "file": "/previews/09/detail.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/09/e20905f4be8bb032-detail.jpg",
      "route": "/preview/09-glossy-fashion/story",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "story",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:dd7f72f1c9ddbd90151d8d36e12895aadf96beb1b123f2dc8a5b1d43764db101",
      "sha256": "e20905f4be8bb0323066c80204862fc082f723439dc32897989d59f929fc4143",
      "fullPage": false
    },
    {
      "file": "/previews/09/full-page.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/09/47eda8441e6aec65-full-page.jpg",
      "route": "/preview/09-glossy-fashion/start",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:dd7f72f1c9ddbd90151d8d36e12895aadf96beb1b123f2dc8a5b1d43764db101",
      "sha256": "47eda8441e6aec65499f3306a369be4e7764c293517595d8f824086c4f0fe0d9",
      "fullPage": true
    }
  ],
  "sourcePath": "src/designs/09-glossy-fashion",
  "neighbours": [
    "06",
    "36"
  ],
  "palette": {
    "page": "#f3f2eb",
    "surface": "#ffffff",
    "ink": "#191b18",
    "accent": "#d8e34a"
  },
  "fonts": [
    "Libre Baskerville",
    "DM Sans"
  ],
  "brief": "**Philosophy and fit.** Use art direction and image sequencing to establish a strong editorial world. Suitable for fashion publications, visual culture platforms, photography features, and campaign-led brands.\n\n**Visual grammar.** Compose a full-bleed cover image with an assertive display serif, tightly edited cover lines, and a discreet issue navigation. Interior pages alternate large photographic spreads, intentional white space, cropped details, and short interviews. Use black, paper white, and a single seasonal acid accent. Keep body copy on stable, readable surfaces even when headlines intersect images.\n\n**Specimen and flow.** *Contour Quarterly* presents a fictional visual culture issue. Visitors enter a cover story, move through its image-led chapters, and explore the contributors. Supporting screens provide an issue archive and an image detail view with caption and credit.\n\n**Adaptation and identity.** Mobile uses dedicated portrait crops and restores headings to predictable positions. Preserve editorial image scale and deliberate sequencing; avoid retail product grids, anonymous stock imagery, illegible type overlays, and page-turn gimmicks. Motion remains optional. **Effort: medium.**\n\n**Distinctive composition.** Widely spaced fashion captions use the humanist sans rather than technical monospace; the image-led editorial hierarchy remains.",
  "scope": "An expansive sample page with representative local interactions; no production business backend.",
  "discovery": {
    "industries": [
      "Fashion",
      "Creative studio"
    ],
    "visitorGoals": [
      "Explore a collection"
    ],
    "conversionActions": [
      "Enquire about a collection"
    ],
    "siteSize": "Portfolio & enquiry",
    "interactionTypes": [
      "Editorial imagery",
      "Collection detail"
    ],
    "keywords": [
      "Editorial",
      "Fashion",
      "Deliberate image scale",
      "Portrait-aware mobile composition",
      "A distinct issue identity"
    ]
  },
  "patterns": [
    "Deliberate image scale",
    "Portrait-aware mobile composition",
    "A distinct issue identity"
  ],
  "downloadUrl": "/downloads/09-glossy-fashion.zip"
}