Paste this prompt into Claude Design when you want to build or refine the Crisis profile.
Cytognosis context: companion-profile.md, crisis-profile.md, nd-design-guide.md
Build the Crisis profile for urgent health states, anomaly alerts, and situations requiring immediate action. This profile strips away all decorative elements and presents a single clear call-to-action with maximum readability.
#0D0D1A (surface), #1A1A2E (elevated)#FFF8F7 (surface), #FFFFFF (elevated)#9BC5F7 (informational)#E8C040 (caution)#F26355 (urgent, action required)#FF6B6B (emergency, immediate action)#F26355) as urgency accent, never red0 4px 24px rgba(242, 99, 85, 0.12)rgba(10, 10, 20, 0.85)css
background: #F26355;
color: #FFFFFF;
border: none;
border-radius: 12px;
padding: 1rem 2rem;
font-size: 1.125rem;
font-weight: 600;
min-height: 56px;
min-width: 200px;
`
Secondary Action (dismiss, defer)
Transparent background
Low-opacity text and border
Same 56px touch target
Focus States
3px solid coral outline, 4px offset
5. Motion
Completely disabled. Not configurable.
`css
[data-profile="crisis"] *,
[data-profile="crisis"] *::before,
[data-profile="crisis"] *::after {
animation: none !important;
transition: none !important;
}
`
No motion toggle in Crisis. Animations are architecturally inappropriate in urgent contexts.
6. Stripped Elements
Hide when Crisis is active:
.decorative elements
.badge elements (except .severity-badge)
.avatar elements
aside elements (except .crisis-info)
7. Usage Modes
Standalone
Full page with Crisis profile as the only profile
Single crisis card centered
Banner Overlay
[data-crisis="banner"] on any existing profile
Fixed top, pushes content down
Dialog