Growth Data — Cutout brand assets
Version 1.2 | October 2026

The selected mark is preserved from exploration 05 Cutout.

MARK
Square 48-unit SVG canvas. Visible mark spans 6–42 on each axis.
The curved opening is transparent. Do not fill it with white.
Use charcoal on light backgrounds and the reverse mark on dark surfaces.
Minimum recommended SVG size: 16px. Maintain 6 units of clear space around the visible mark.

LOCKUPS
Sora Semibold, title case. Letterforms are converted to vector outlines.
Horizontal and stacked SVGs do not require font installation.

MOTION
Three logo entrances in motion/: carve, trace and evidence. Each comes as the mark alone
and as the horizontal lockup, for light surfaces (charcoal) and dark surfaces (white).
Files are self-contained animated SVG: no script or font. They play once and hold on the
master artwork. Serve the static master SVG when prefers-reduced-motion is set.
Regenerate with: python3 brand/growthdata/scripts/build-motion.py

TYPE
Sora 600 for the wordmark and headlines; 500 for prominent metrics.
Inter 400/500 for body, labels and controls.
Geist Mono 400/500 for metadata. Use tabular figures for numerical comparisons.
Included webfonts and their licenses are in fonts/.

COLOR
The permanent brand is neutral. Data-series colors are themeable and are not brand accents.

FILES
SVG masters, transparent PNG icons, CSS tokens and JSON specifications.
The guide's company chart is a synthetic demonstration, not live product data.

ANNOTATION + INTERFACE ICONS
75 Lucide SVGs live in icons/: 56 annotation types, 18 UI actions, and one fallback.
See icons/README.txt for embedding, sizing, accessibility, and licensing guidance.
The catalog defines presentation categories; provider availability varies.

INTERFACE PRINCIPLES
Use 4px spacing steps, with closer spacing within groups than between groups.
Keep surfaces neutral and let one chart or observation lead. Use color for meaning.
Use sentence-case labels and specific copy; changes always state a comparison baseline.
Keep labels at least 12px, compact chart labels at least 11px, and text contrast at least 4.5:1.
Use a consistent icon size per component and the Lucide 2-unit stroke.
Use visible keyboard focus, brief feedback, and reduced-motion support.
Nested radius = max(4px, outer radius minus padding).
The CSS tokens and JSON specifications include portable spacing, type, radius, and motion guidance.

Interface principles adapted to Growth Data from Unslop by Damir Sokolovsky
https://github.com/heydamir/unslop
Licensed under CC BY 4.0: https://creativecommons.org/licenses/by/4.0/
Preserve this attribution when copying or adapting these principles.
