Purpose

This page captures the design system used for the Attorney Hub prompt/resource section that Sam called gorgeous. Future agents should use this when building Eve Prompts, Text Templates, Team Templates, and Agentforce lanes inside Litify/Salesforce attorney hubs.

Slash command

Use /litify-design when asking an agent to recreate or extend this design.

Local skill created:

/Users/samaguiar/.codex/skills/litify-design/SKILL.md

Reference implementation:

force-app/main/default/lwc/attorneyHubNickTeamResources/

Design intent

The section should feel like a polished team operating library, not a Salesforce report page. It is built for attorneys, case managers, and assistants who need quick access to prompts, text language, templates, uploads, and agent workflows while moving fast.

Core qualities:

• Premium and calm, with large readable cards.
• Useful first, beautiful second.
• Clear sections by job type.
• Strong mobile behavior at 430px.
• Editable by team records, not hardcoded-only.
• Honest Agentforce status language.

Color system

:host {
    --ink: #0b212d;
    --ink-soft: #5c6f82;
    --line: #d8dde6;
    --line-soft: #eef2f7;
    --foundry: #D97706;
    --foundry-deep: #B45309;
    --blue: #2563eb;
    --cyan: #0891b2;
    --teal: #0f766e;
    --violet: #7c3aed;
    --surface: #ffffff;
    --warm: #fff7ed;
}

Use colors this way: