---
version: alpha
name: Craft — Textured Dark Multi-Column Footer
colors:
  ink: '#FFFFFF'
  surface: '#030302'
  sampled-canvas: '#090908'
typography:
  link:
    fontFamily: UntitledSansFont, "UntitledSansFont Fallback", apple-system, InterFont,
      "InterFont Fallback", BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial,
      "sans-serif"
    fontSize: 14px
    fontWeight: 400
    lineHeight: 21px
  body:
    fontFamily: UntitledSansFont, "UntitledSansFont Fallback", apple-system, InterFont,
      "InterFont Fallback", BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial,
      "sans-serif"
    fontSize: 16px
    fontWeight: 400
    lineHeight: 22.4px
---

## Overview
An isolated near-black textured footer with five desktop link groups, quiet white/gray typography, fine separators, nested product links and a responsive legal/social row. Inspected at 1440px desktop and 390px mobile on 2026-10-02. Isolated element: `footer`. Capture bounds were measured after a warm-up full screenshot and verified against the fresh cropped image.

## Colors
The palette lists opaque computed CSS colors observed in this reference. A sampled-canvas token, when present, is a screenshot pixel sample rather than a CSS declaration. Gradients, transparency, texture, illustration colors and logo hues remain visually described; do not flatten them into one accent.

## Typography
The measured link sample (Product Releases) uses UntitledSansFont, "UntitledSansFont Fallback", apple-system, InterFont, "InterFont Fallback", BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, "sans-serif", 14px with 21px leading and weight 400. The supporting sample uses UntitledSansFont, "UntitledSansFont Fallback", apple-system, InterFont, "InterFont Fallback", BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, "sans-serif", 16px / 22.4px. The corresponding mobile link sample is 14px / 21px. These are computed samples from the captured reference, not a universal type scale. Use licensed typefaces or appropriate fallbacks.

## Layout
The measured footer crop is 1408 × 563px desktop and 366 × 1089px mobile. Product, Community, Support, Company and Download span a broad desktop grid. At 390px groups form a two-column arrangement, with Support beneath Community and Company/Download on the next major row. Legal text wraps at lower left while language and social controls group at lower right. Saved images measure 1408 × 563px desktop and 366 × 1089px mobile at device scale 1. Two widths do not establish exact CSS breakpoints.

## Elevation & Depth
Fine black grain and low-contrast horizontal rules provide surface detail. There is no card-per-link treatment. The social marks are outlined square controls instead of filled promotional badges.

## Shapes
A single 24px rounded outer container, thin divider lines, subtle product-link indentation and small rounded-square social outlines.

## Components
Product, Community, Support, Company, Download, legal links, copyright, English language control and Instagram/YouTube/X/LinkedIn marks. Only footer is selected. The locale menu and outgoing links were not activated.

## Do's and Don'ts
Keep headings brighter than secondary links and retain the internal group spacing. Do not introduce a large marketing headline or newsletter form into this utilitarian directory. Use visible link labels rather than relying solely on icon recognition. Provide meaningful labels, keyboard focus and reduced-motion alternatives when adapting; these are implementation recommendations, not audited source behaviors.