§6 · CARO Produkt-Detail

CARO — Verifikation für die US-Pharma-Lieferkette.

CARO ist Spherity's Antwort auf den Drug Supply Chain Security Act (DSCSA). Die Plattform ermöglicht Authorized Trading Partner-Verifikation, Saleable-Returns und Single-Verification-Lookup — im Verbund mit Legisym, Antares Vision und der Open Credentialing Initiative (OCI).

CARO by Spherity · §6

Verifikation für die US-Pharma-Lieferkette.

CARO ist Spherity's Antwort auf DSCSA (Drug Supply Chain Security Act, USA). Authorized-Trading-Partner-Verifikation, Saleable-Returns, Single-Verification-Lookup. Im Verbund mit Legisym, Antares Vision und Open Credentialing Initiative (OCI).

Sub-Brand-Akzent
#1F6F8B Petrol
Branche
US Pharma · DSCSA
Regulatorik
DSCSA · 21 CFR Part 1505
Surfaces
Web-App (auth) · API
Voice & Copy — CARO

UI-Beispiel · Trading Partners

§6 · echtes Mockup

Mockup nach dem geteilten Referenz-Screen — linke Sidebar (Dashboard, Enterprise Wallet, Team Management, Partner Management active mit 4 Sub-Items, Products, VRS Interactions, Developer Tools), Trading-Partners-Tabelle mit ATP/LIC-Identifikation, 3 Stat-Tiles (Total Contacts, Pending Invitations, License Health mit Progress-Bar), Alphabet-Filter, Search + Filters + Invite Partner + Add Partner. Status-Pills (Accepted · Pending · Declined) nutzen die fixen System-Farben aus §11.6 — niemals Sub-Brand-überschrieben.

› Partner Management › Trading Partners
A ACME INC. Test ⌄

Trading Partners

Track, invite, and manage all your trading partner relationships in one place.

Total Contacts
⋮
1,460
↑100 %vs last month
Pending Invitations
⋮
210
↑10 %vs last month
License Health
⋮
Total:2,416
→
99.3 % Valid
2,400 Active 16 Inactive
Search
Company Address Type Invitation Identification Last Licence Check
CV CVS Pharmacy
CVS Drive
02895 Woonsocket, Rhode Island
Dispenser Accepted ATP 5. Nov 2024, 10:00 ›
AZ AstraZeneca
1050 E 2nd St, Edmond,
OK 73034
Manufacturer Pending LIC 4. Nov 2024, 11:15 ›
MC Walgreens
2000 Galloping Hill Road,
Kenilworth, NJ 07033
Manufacturer Accepted LIC 2. Nov 2024, 13:45 ›
MT Moderna Therapeutics
200 Technology Square,
Cambridge, MA 02139
Dispenser Accepted ATP 2. Nov 2024, 10:45 ›
R Roche
1 DNA Way
South San Francisco, CA 94080
Manufacturer Pending LIC 30. Oct 2024, 08:50 ›
N Novartis
59 Route 10,
East Hanover, NJ 07936
Manufacturer Pending LIC 30. Oct 2024, 08:50 ›
ELC Eli Lilly and Company
Lilly Corporate Center,
Indianapolis, IN 46285
Wholesaler Declined LIC 30. Oct 2024, 07:50 ›
← Previous
1 2 3 … 8 9 10
Next →
KomponenteLayer 1 / 2 / 3Akzent-Einsatz · CI-Konformität
Sidebar-Brand SubBrandMark (Layer 3) · CARO.svg + „by spherity"-Mono-Sub Logo nativer Marken-Gradient · niemals tinten (§10 Hard-Rule)
Side-Nav SideNav (Layer 2) + Group-Expander (Layer 1) Top-Level Active: #1F6F8B mit 8 % Tint · Sub-Item Active: solid #1F6F8B
Stat-Tiles StatCard (Layer 2) + Sparkline (Layer 1) Trend in success · niemals Sub-Brand · License-Health-Bar in success + warning
Alphabet-Filter FilterChips (Layer 2) Active: solid Petrol Dark #023852 · neutral, kein Sub-Brand
Trading-Partners-Tabelle DataTable (Layer 2) + AvatarCircle + StatusPill + IDBadge (Layer 1) Status-Pills fix (success / warning / attention) · ID-Badges in CARO-Petrol
Action-Buttons Button.Primary (Layer 2) Add Partner = Petrol Dark #023852 (Primary), nicht Sub-Brand
① Sub-Brand-Logo + „by spherity"

CARO-Logo bleibt unverändert.

Logo nativer Marken-Gradient · daneben „CARO"-Wordmark + by spherity in IBM Plex Mono 8.5 px. Hard-Rule §10: niemals in Petrol einfärben.

§10 Logo-Hard-Rule
② Status-Pills · System-Farben fix

Accepted · Pending · Declined.

success.green · warning.yellow · attention.red aus Untitled UI Pro — produktübergreifend identisch. Niemals in Sub-Brand-Petrol getrieben.

§7.6.1 (2) · §11.6
③ ATP- / LIC-Identifikation

DSCSA-spezifische Badges.

ATP (Authorized Trading Partner) und LIC (License-Verified) sind Pharma-DSCSA-Pflicht-Indikatoren. Eigene Badge-Komponente — nicht in Status-Pills mischen.

§6 CARO Glossar
④ License-Health-Bar

Progress-Bar mit System-Farben.

99.3 %-Fill in success.green, Inactive-Legend mit warning.yellow. Brand-Akzent taucht nur als Drill-In-Arrow auf — sparsam.

§7.6.1 (5) · §11.6
⑤ Alphabet-Filter

Pharma-Pattern · 28-Buttons.

Trading Partners werden alphabetisch durchsucht — 27 Buttons (A–Z + #) plus „All". Active-State in Petrol Dark #023852, nicht Sub-Brand — das ist eine Navigations-Aktion.

§9 Komponenten
⑥ SaaS-Standard-Layout

Workspace oben rechts · User unten links.

Workspace-Switcher (ACME INC. + Test-Badge) sitzt als Pill in der Topbar-Right — wie bei Notion · Linear · Slack · Stripe · Figma. User-Account (Olivia Rhye + E-Mail) sitzt im Sidebar-Bottom mit Logout-Icon. Identisches Pattern für alle authentifizierten B2B-Surfaces (CARO · VERA Studio · EIDA · KYLE).

§5 Konventionen · neue v1.1-Cross-Product-Regel
⑦ Breadcrumb mit Active-Pill

Home › Partner Mgmt › Trading Partners.

Letztes Crumb-Element wird als Pill mit warmem Sand-Hintergrund hervorgehoben — klare Orientierung in tieferen Hierarchien.

§7.6.1 (4)
⑧ Audit-Trail-Export

Gemeinsame Komponente · cross-product.

Trading-Partner-Logs nutzen dieselbe Export-Komponente wie VERA-DPP-History, EIDA-Issuance-Log und KYLE-Monitoring-Log (§15).

§15 Audit-Trail-Export

Tonal-Variants · CARO Product-Card

Beispiel-Card mit allen 3 Stops der CARO-Tonal-Scale. --caro-300 = Soft-BG-Wash + Pill-Badge · --caro-500 = Top-Bar-Accent + Eyebrow + Secondary-Border · --caro-700 = Hover-State + Focus-Ring + Strong-Border. CTA bleibt Petrol #023852 (Cross-Product-Regel §11.1) — nur das Akzent-Layer ist sub-brand.

CARO · DSCSA · Pharma

DSCSA-konformer Saleable-Return in 4 Wochen

Authorized-Trading-Partner-Verifikation, Saleable-Returns, Single-Verification-Lookup — ohne Custom-Integration in deinen SAP-Stack.

Focus-Ring:
300 · SOFT
#BFD5DD
BG-Wash · Pill-Badge · Hover-BG
500 · BASE
#1F6F8B
Eyebrow · Top-Bar · Secondary-Border
700 · SHADE
#144A5E
Hover · Active · Focus-Ring