apd-design-brand
| apd-design-brand | |
|---|---|
| Version | 2.4 |
| Category | Shared |
| Type | Design system reference |
| Cost / run | TBD |
| Best models | TBD |
Shared › apd-design-brand
The canonical Aimpoint visual design system (color palette, typography, and design principles), applied to any non-PPTX deliverable: HTML, React, PDF, mockups, and dashboards. If skills conflict on design, this one wins; apd-pptx-design itself references this skill for brand constants.
Available as $apd-design-brand / /apd-design-brand (source · tests).
How to use
- Invoke the skill (or ask to "make it on-brand" / "match the Aimpoint website")
- Point it at what you're building: a React app, an HTML report, a dashboard, a mockup
- It applies the palette, typography hierarchy, and layout principles as it builds or restyles
Restyle this Streamlit dashboard to be Aimpoint on-brand: dark navy
background, teal accents, correct typography hierarchy. Here's the code: [paste]
Tips
| Do | Why |
|---|---|
| Use for anything visual that isn't a deck | Decks are apd-pptx-design's job; it already embeds this system |
| Treat it as the tiebreaker | When another skill's styling disagrees, this skill is the source of truth |
| Note platform limits in the readme | If a BI tool can't match fonts/colors exactly, get close and document deviations |
Related skills
| Skill | Relationship |
|---|---|
apd-pptx-design |
Don't load alongside for decks; the design system is already baked in there |
apd-brand-voice |
Copy counterpart; pair when a deliverable needs styling and words |