# Subnautica2Maps — Content Fit Matrix

Status: active design contract for official Stitch SDK clean rerun.

## Design system

- Vibe: Abyssal Tactical Console — dark underwater ambience, sonar HUD, scanner panels, coordinate/depth readouts, bioluminescent teal/green accents.
- Fonts: Oxanium for display/HUD labels, IBM Plex Sans for body/UI, JetBrains Mono for coordinates.
- Palette: background #031014, surface #071C22, panel #0B2730, primary #27E7C5, accent #B8FF5C, warning #FFD166, text #D8FFF8.
- Product priority: usable player map first; legal/fan-made posture visible but not dominant.
- Media posture: no local/rehosted third-party thumbnails/screenshots/logos/key art; YouTube only as click-to-load youtube-nocookie on detail/guide pages; outbound sources as text citation cards.

## Matrix

| Page/state | Source input | UX placement | Home? | Layout container | Visual risk / decision |
|---|---|---:|---|---|---|
| Homepage hero | Repair brief §8 H1/subhead/CTA | Above fold, split hero with embedded map/search console | yes | Left copy + right self-made sonar map cockpit | Avoid marketing-only SaaS hero; map must be visible above fold. |
| Homepage quick chips | Repair brief §3.1 quick chips | Search chips under hero input | yes | Horizontal chips: silver, copper, sulfur, black boxes, data boxes, Old Habitat, Camp One | Chips must look actionable, not decorative tags. |
| Homepage map preview | Repair brief §5 competitive minimum | Primary product proof above fold | yes | Self-made biome terrain layer + marker clusters + pan/zoom controls | No copied map tiles or official screenshots. Must feel like playable map surface. |
| Homepage route teaser | Repair brief §2/§4 route helper | Below hero, compact current-position panel | yes | Coordinate inputs + target chip + approximate distance/depth delta card | Raw coordinates privacy note kept small. |
| Trust strip | Marker contract counts + confidence labels | After product proof | yes | Compact badges: 63 markers, 30 public-reference, 33 corroborated, EA warning | Do not make compliance dominate. |
| Map normal `/map` | Marker fields + category counts | Full-screen app shell | no | Left sidebar/search/filter, center map canvas, right selected/route drawer | Must include pan/zoom affordances and category legend. |
| Map search/filter | Acceptance tests find silver/filter resources | Search active state with highlighted marker clusters and count | no | Results sidebar + map overlays + selected filter pills | Show result count and relationship between list and markers. |
| Marker popup/detail | Required marker fields and source attribution | Right drawer / popup over map | no | Marker card with coordinates/depth/biome/source/confidence/index policy | Low-confidence/limited-index warning visible but compact. |
| Route helper | Current-position route task | Drawer section and separate route state | no | XYZ/depth inputs, target marker, bearing/distance/depth delta/result note | Must not imply exact navigation; use approximate language. |
| Mobile bottom sheet | Repair brief §3.2 | First-class mobile map state | no | 390px single-column map with collapsed/expanded bottom sheet | 44px touch targets, no horizontal overflow. |
| Resource detail `/resources/silver` | Index policy + media recommendation | Answer-first page below nav | no | Short answer, coordinate/depth table, related markers, source cards, optional lazy YouTube card | YouTube appears after primary data, never first viewport. |
| Guide/detail `/guides/how-to-find-coordinates` | Guide index policy | Answer-first tutorial | no | Steps/cards + diagram-like coordinate console + map CTA | Use self-made diagrams only; no copied game visuals. |
| Legal/footer shell | Required disclaimer | Footer and legal page shell | yes footer / no page | Dense readable legal block, support/contact/DMCA cards | Visible but subordinate to product experience. |