SPEC SCO-58 Direction C: Neon Slabs — Interaction/Motion Spec REVISION 1 CEO APPROVED
DESKTOP ≥1280px TABLET 768–1279px MOBILE ≤767px
01 HERO — Entry Animations + Scroll Hooks
GEMS

ScopeStack Gems Toolkit

27 specialist AI
team members — on
call, instantly.

Stop losing 30–40% of your week to status reports, briefs, and deliverable formatting. Gems are pre-built AI agents that handle the operational busywork — so your team can focus on strategy.

27+
Specialist Gems
6×
Faster Deliverables
HERO ANIMATIONS
eyebrow → fade-up 0.5s, delay 0.3s
headline → fade-up 0.6s, delay 0.45s
sub → fade-up 0.5s, delay 0.6s
CTAs → fade-up 0.5s, delay 0.75s
stats → fade-up 0.5s, delay 0.9s

bg-text: opacity 0.07, static
no animation (avoids flash)
02 CATEGORY GRID — Orange Slab, Scroll-Triggered Cards

Browse by
Category

View all 27 gems ↗
Reporting
8 gems
Status updates, client reports, weekly summaries — done in seconds.
Strategy
5 gems
Creative briefs, positioning docs, scope definitions.
Operations
5 gems
Meeting notes, action items, project tracking rollups.
Client Comms
4 gems
Proposal follow-ups, approval emails, feedback synthesis.
Research
3 gems
Competitive analysis, market summaries, audience synthesis.
Content
2 gems
Social copy, launch announcements, newsletter drafts.
SCROLL-TRIGGER SPEC
Cards: fade-up + stagger 0.08s · threshold 0.12 · ease-out 0.4s
Icon shapes vary per category — no two categories share the same shape (accessibility: not color-only distinction)
03 GEM CARDS — Sidebar Filter + Card Grid

Every Gem, catalogued.

Filter by category or scroll through all 27 specialists.

Filter by
Status Report Writer
Transform bullet notes into polished weekly client status reports.
Bullet notes → Status report
Reporting
Creative Brief Builder
Turn chaotic intake calls into structured, signed-off creative briefs.
Call transcript → Creative brief
Strategy
Meeting Notes Extractor
Structured action items, decisions, and owner assignments from raw notes.
Raw notes → Action items
Operations
Approval Email Writer
Professional client approval emails from internal shorthand.
Draft notes → Approval email
Client Comms
Competitive Analysis
Synthesize competitor data into clear positioning matrices.
Competitor URLs → Analysis matrix
Research
Launch Announcement
Multi-channel launch copy from a single feature brief.
Feature brief → Social + email copy
Content
FILTER INTERACTION SPEC
Filter click → active state transition 0.2s ease · grid re-renders with fade (opacity 0→1, 0.25s)
ACCESSIBILITY: Each gem icon uses distinct geometric shape (circle/diamond/hex/triangle/octagon/star) — not color alone
RESPONSIVE: Sidebar collapses to horizontal scrolling chip row at ≤1024px
04 PRICING — Purple Slab, Card Hover + Scale Enter

Simple, transparent pricing.

Start with one gem. Scale to the full toolkit when your team is ready.

Individual Gems
$9/gem/mo

Pick the exact specialists you need. No lock-in.

  • Unlimited runs per gem
  • All input formats
  • Export to PDF, Notion, Docs
  • 30-day free trial
Category Bundle
$39/category/mo

Get all gems in a category. Best for specialist teams.

  • All gems in chosen category
  • Priority processing
  • Team seat sharing
  • Monthly gem updates
Full Toolkit
$149/team/mo

All 27 gems. For agency teams serious about eliminating busywork.

  • Every gem, every update
  • Unlimited team seats
  • Custom gem requests
  • Priority support
SCROLL-TRIGGER SPEC
Cards: scale 0.95→1.0 + fade-up, stagger 0.12s, ease-out 0.4s
RESPONSIVE: 3col → 1col stacked at ≤767px. Featured card stays visually prominent at all breakpoints.
05 SOCIAL PROOF — Lime Slab, Slide-In Before/After
Before Gems
45 minutes writing a client status report.
↓
After Gems
90 seconds.

Your team's best work shouldn't be buried in formatting.

Agency operators, PMs, and freelancers use ScopeStack Gems to reclaim the 30–40% of every week lost to operational busywork — and reinvest it in the work that actually moves clients forward.

SCROLL-TRIGGER SPEC
Before row: slide-in from left, 0.4s ease, delay 0s
After row: slide-in from left, 0.4s ease, delay 0.15s
Proof copy: fade-up, 0.5s ease, delay 0.25s
06 FAQ — Accordion, Scroll-Triggered, 0.35s Cubic Bezier

Frequently
asked.

No. Gems run on ScopeStack's infrastructure. You don't need a Gemini, GPT, or Claude account — just a ScopeStack subscription. Everything is handled server-side with enterprise-grade models appropriate to each task.

Full Toolkit subscribers can request custom gem configurations — adjusted tone, output format, or additional context fields. Category and individual subscribers get access to the standard parameter set (tone, length, audience) on each gem.

Markdown (copy-paste ready), PDF, Notion block, Google Docs, and plain text. Each Gem has a documented output format in its card — what you put in, you know exactly what comes out.

Yes — all gem improvements, new prompt versions, and output format additions are included automatically for all subscribers. Full Toolkit subscribers also get access to newly released gems on day one, before they're available à la carte.

07 CTA — Scroll-Triggered, Radial Glow BG

Stop translating.
Start delivering.

27 specialist gems, ready to deploy. Your first gem is free.