Klättermusen

visual.md

---
bcp_version: "1.1.1"
file_type: visual
parent: https://registry.brandcontextprotocol.dev/klattermusen-3cd91acf/.well-known/brand.md
last_updated: 2026-10-05
---

# Visual guidance

> **Public-source demonstration.** Observed from live klattermusen.com CSS and HTML on 5 October 2026. This is implementation evidence, not a brand guide. Klättermusen has not approved it.

## Source gaps (disclosed)

- No public design system, identity kit, logo download, or clearspace rules.
- No published hex palette or type specification from the brand.
- Fonts In Use, https://fontsinuse.com/uses/23715/klaettermusen (2018), attributes Alias Klute to the logotype and Rotis SemiSans to text. That page is third-party and unverified. Do not encode Alias Klute as official. The live header logo is an SVG outline, not a webfont named Klute.
- No imagery-rights path. Do not treat Centra or Sanity product images as licensed for reuse outside the shop.
- Product color names are commerce colors, not brand tokens.
- Favicon is served at https://www.klattermusen.com/favicon.ico (ICO, 48x48 and 32x32). It is not a published logo system.
- Do not redraw the wordmark. Do not invent a second color story to look like another industrial brand.

## What the live site actually sets

Stylesheets on the en-us homepage:

- https://www.klattermusen.com/_next/static/css/bb2dee2cd182e323.css
- https://www.klattermusen.com/_next/static/css/235048bf5334e156.css
- https://www.klattermusen.com/_next/static/css/da4eace0d2d29005.css

```yaml
typography_observed:
  status: implementation_evidence
  root: ":root{--font-primary:\"Assistant\",sans-serif;--font-secondary:\"Rotis\",sans-serif}"
  faces:
    - family: "Rotis"
      weight: 400
      file: "Rotis-Semi-Sans-Regular.c2423b26.woff2"
      url: "https://www.klattermusen.com/_next/static/media/Rotis-Semi-Sans-Regular.c2423b26.woff2"
      role: "var(--font-secondary). Headings type-h1 through type-h5."
    - family: "Assistant"
      weight: 400
      file: "Assistant-Regular.65233009.woff2"
      url: "https://www.klattermusen.com/_next/static/media/Assistant-Regular.65233009.woff2"
      role: "var(--font-primary). Body, captions, buttons."
    - family: "Assistant"
      weight: 600
      file: "Assistant-SemiBold.0a2f4d5d.woff2"
      url: "https://www.klattermusen.com/_next/static/media/Assistant-SemiBold.0a2f4d5d.woff2"
      role: "Subtitle weight in the same family."
  scale_notes:
    - "Body is 16px, weight 400, line-height 1.44, letter-spacing .01px, color var(--palette-text-primary)."
    - "type-h1 uses --font-secondary, clamp starting at 48px, line-height 1.13."
  license: "Files are on Klättermusen's own Next static host. Observing the URL is not a license to redistribute the binaries."

color_observed:
  status: implementation_evidence
  note: "Light theme is what the header uses (bg-background on a light page). Dark tokens exist in the same stylesheet. None of these are published as a brand palette."
  light:
    - token: "--palette-text-primary"
      value: "#000000"
    - token: "--palette-background"
      value: "#ffffff"
    - token: "--palette-background-paper"
      value: "#f2f2f2"
    - token: "--palette-default"
      value: "#000000"
  utility_classes:
    - class: "bg-tertiary"
      value: "#f2f2f2"
    - class: "bg-tertiary-dark"
      value: "#e5e5e5"
    - class: "bg-tertiary-light"
      value: "#fbfbfb"
  dark_theme:
    - token: "--palette-background"
      value: "#303030"
    - token: "--palette-text-primary"
      value: "#ffffff"
  not_a_brand_palette:
    - "Focus utility fill #00b1f8 on the group-focus fill-primary rule. Treat as a UI focus color, not a brand accent."
    - "Utility fill #ffe691 on the fill-secondary important rule. Not used here as a brand color."

logo_observed:
  status: inline_svg_on_homepage
  where: "Header link, aria-label Go to homepage, on https://www.klattermusen.com/en-us/"
  viewBox: "0 0 288 56"
  class: "h-7 w-auto lg:h-10"
  note: "Single filled path. No fill attribute, so it inherits current color. On the light header that color is black. Do not redraw it. There is no separate downloadable master."

layout_observed:
  header_height: "56px, 72px from the 1100px breakpoint"
  grid_max_width: "1420px"
  paper: "#f2f2f2"
```

## How to use this in a demonstration

Use black ink, white, and paper #f2f2f2. Set headlines in the observed Rotis file and text in Assistant, hotlinked from the URLs above, with a sans-serif fallback. Use the header SVG path as recorded, not a typeset word. Leave photography out unless the page is the shop itself. Say that the look is observed, not specified.