mcpField
A
apple-design-tactics

apple-design-tactics

github.com/s1gmamale1Design & UI3153 installsUpdated 22w ago
Repository

About apple-design-tactics

A design skill for accessibility and Apple-style marketing, aimed at teams creating Apple-platform experiences and premium product pages. It pairs WCAG guidance with restrained visual, copy, and pricing tactics.

Key features

  1. 01Apply WCAG 2.2 AA accessibility practices
  2. 02Account for dynamic type and motion settings
  3. 03Structure benefit-led marketing copy
  4. 04Plan pricing, page narratives, and product imagery

Use cases

  1. 01Audit contrast, focus, and semantic labels
  2. 02Provide alternatives for reduced-motion settings
  3. 03Draft product-page headlines and section copy
  4. 04Arrange pricing details and hero imagery

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/s1gmamale1/apple-design-skills --skill apple-design-tactics

After installing, type/apple-design-tacticsin Claude Code to confirm it loaded.

Bundled filesreferences/accessibility-inclusive.mdreferences/marketing-tactics-brand.md

Details

From the project README

Apple Design — Tactics (accessibility · marketing & brand)

Two cross-cutting human-factors lenses: designing for everyone, and persuading like Apple.

When to use

  • Meeting Apple's accessibility bar, or understanding why a11y constraints shape Apple's whole design language.
  • Writing/structuring premium marketing — copy voice, pricing, photography, page narrative.

Core rules — accessibility

  • Accessibility is the default, not a retrofit (the curb-cut effect: edge cases help everyone). Many Apple rules exist because of a11y: Dynamic Type → reflow layouts; Reduce Transparency → opaque material fallbacks; Reduce Motion → fade alternatives.
  • POUR / WCAG 2.2 AA: semantic HTML + ARIA, accessible names, never color alone, 4.5:1 text contrast, visible :focus-visible ring, manage focus, respect prefers-reduced-motion / prefers-contrast / prefers-reduced-transparency.

Core rules — marketing & brand

  • Feeling before feature, then features as proof. One idea per section; restraint and whitespace signal premium.
  • Product as hero on seamless white/black with soft shadow + subtle glow; quiet, monochrome brand.
  • Copy voice: short, confident, benefit-led, Title Case headlines, concrete numbers ("The most powerful iPhone ever."). Pricing leads premium → anchors → monthly framing.

References

FileUse for
references/accessibility-inclusive.mdVoiceOver/Dynamic Type/Reduce-* constraints, ARIA recipes, media queries, a11y checklist
references/marketing-tactics-brand.mdVisual/copy/persuasion tactics, hero-headline formula, pricing layout, product-shot CSS

Common mistakes

  • Color-only meaning, fixed font sizes, motion with no opt-out, opaque-only-on-blur text, missing labels/focus.
  • Feature-dumping, hype without proof, weak whitespace, inconsistent voice, fake scarcity, busy hero shots, hidden monthly price, competing CTAs.

Related: the motion you must offer an alternative to → apple-design-motion · the materials that need contrast fallbacks → apple-design-materials · the page these tactics dress → apple-design-web.

Comments

Markdown supported