---
name: angle-brand
description: Apply Angle's visual and verbal brand system to software, websites, presentations, documents, campaigns, social creative, video, diagrams, and AI-generated assets.
---

# Angle Brand

Create one recognizable Angle across product and creative work.

## Core rules

- Treat Angle as one masterbrand. Use `Angle + descriptor` for product names.
- Treat the Angle wordmark as a critical primary asset. Use it when introducing Angle and use the A symbol as its compact counterpart.
- On white or light backgrounds, always use the approved black square tile with the white A. Never place a freestanding black A on a light surface.
- Keep the approved A uniformly scaled to 50% and centered inside a 1:1 tile, occupying about 46% of its width with generous negative space. Use the complete tile at 24 px or larger on screens.
- Use approved Angle artwork without stretching, rotating, outlining, glowing, recoloring, or replacing the wordmark with typed text.
- Use Angle Black `#050505`, Graphite `#666666`, Mist `#EEEEEE`, and White `#FFFFFF` for identity.
- Use color only for functional states or inside clearly framed merchant content.
- Use Inter for interfaces and communication. Use JetBrains Mono for identifiers, metrics, timestamps, and code.
- Use 12-column desktop grids, single-column mobile flow, crisp one-pixel rules, restrained radii, and generous negative space.
- Use the spacing scale `4, 8, 12, 16, 24, 32, 48, 64`.
- Write in active voice with specific outcomes, concrete nouns, and a clear next action.
- Preserve accessible contrast, focus, keyboard operation, labels, touch targets, and reduced-motion behavior.
- Flag exceptions instead of inventing new brand rules.

## Product and interface work

- Use one obvious primary action per decision area.
- Design default, hover, active, focus, disabled, loading, empty, success, and error states.
- Use 120 ms for direct feedback, 200 ms for state changes, and no more than 360 ms for page reveals.
- Keep merchant color inside merchant previews rather than Angle navigation or controls.

## Creative work

- Use one focal idea per slide, page, post, or frame.
- Use crop, scale, grid, and contrast before decorative effects.
- Keep customer photography natural and truthful.
- Balance partner marks with clearspace and a neutral divider.

## Verify

Confirm the mark, colors, typography, product name, grid, copy, accessibility, partner treatment, and real output size before delivery. Use the full portable skill package at `skills/angle-brand/` when repository access is available.