# kumo.productions™ Brand Guidelines

> Official brand guidelines and assets of kumo.productions™ (合同会社クモ・プロダクションズ / kumo.productions, Inc.), a Tokyo-based video production company. The Japanese text is canonical; English is a translation. To design something "like brand.kumo.productions", read /llms-full.txt — it contains the full rules, all design tokens, and direct asset URLs.

Credits: design system by Minami Fuji (CARAVAN); extended by Tomoya Eguchi (kumo.productions™).

Key rules for reproducing the brand:

- Name: always lowercase `kumo.productions™` (no ™ available → `kumo.productions`; no period either → `kumoproductions`); short form `kumo™`. Never "Kumo Productions", never underscores, never Japanese katakana.
- Palette — base: Base white #FFFFFF, Cloud white #F7F7F7, Cloudiness gray #6A6E71, Space black #1E1E1E, Base black #000000. Highlights: Sky blue #64ADD4, Night sky blue #1E4B6B. Flat, uniform fills only; never alter lightness, saturation, or hue.
- Highlight colors are for emphasis only: never as backgrounds, never combined with Cloudiness gray, and Night sky blue never on black (dark mode switches the accent to Sky blue).
- Typography: headings Helvetica Now Display (web substitute: Helvetica Neue); EN body Helvetica Now Text (web: Helvetica Neue; secondary Inter); JA body TP Tokyo City font (web: BIZ UDPGothic); mono Gravitica Mono (web: IBM Plex Mono). The logotype is drawn from Object Sans — use the shipped SVGs, and never use PP Object Sans for headings or body text.
- Logo: never deform, rotate, outline, redraw, or recolor outside the palette.
- Layout system: spacing grid unit a = 4px (`--space-1…16` = 4→64px), 1px hairline dividers, restrained 150ms motion; radii, elevation, and focus-ring values are defined in tokens/spacing.css and tokens/colors.css.

## Docs

- [Full guidelines — Japanese, canonical](https://brand.kumo.productions/llms-full.txt): the complete brand guidelines as Markdown, with design tokens, asset catalogue, and the raster image API
- [Full guidelines — English](https://brand.kumo.productions/en/llms-full.txt)
- [tokens/colors.css](https://brand.kumo.productions/tokens/colors.css): color tokens including dark mode (`<html data-theme="dark">`)
- [tokens/typography.css](https://brand.kumo.productions/tokens/typography.css): type tokens
- [tokens/spacing.css](https://brand.kumo.productions/tokens/spacing.css): spacing / radius / motion tokens

## Assets

- [icon.svg](https://brand.kumo.productions/icon.svg): symbol icon, black plate — also /icon-white.svg, /logotype.svg, /logotype-white.svg, /sphere.svg, /banner.jpg
- [Asset catalogue & image API](https://brand.kumo.productions/llms-full.txt): every SVG source plus on-demand rasters via `/i/<stem>.<png|webp|avif|jpg>?w=&q=&bg=`

## Optional

- [Brand portal (HTML)](https://brand.kumo.productions/)
- [Sphere generator](https://brand.kumo.productions/generator): pick sphere diameters and a point light (or edit particles cell by cell) and get SVG with connection rules 5–6 applied; the layout is encoded in the URL hash — a light scene as L=x,y (point) or A=azimuth (directional) followed by ;R=range;S=strength;C=contrast;P=gen|canon;D=d@i,j+…, a particle pattern as rows joined by "-" ("." empty, 1–7 particle size, "~" followed by rule-6 cuts as i:j plus l|r of the upper particle)