LabComplyx Design SystemLegacy format

LabComplyx is a governed documentation and QA-support layer for regulated labs. The visual language reflects that mission: authoritative, precise, and inspection-ready. The brand should never feel corporate-generic or startup-casual — it reads like a compliance officer built it, not a marketing team.

Personality: Technical authority. Quiet confidence. No hype.

Audience: Lab directors, QA managers, compliance leads at 25–500 person labs.

Voice: Direct, specific, grounded in real regulatory language. Never vague. Never promotional.

---

The palette is intentionally dark and high-contrast. This signals seriousness and precision — the same qualities a regulated lab needs in its documentation systems.

Primary background (#0F1117): Use for all main page surfaces. Never introduce white or light backgrounds — they break the brand signal.

Brand blue (#1B8FFF): The single accent color. Use it for:

• CTA buttons ("Book a Free Compliance Review", "Start Your Gap Assessment")

• Highlighted text in hero headlines (the governed documentation phrase)

• Active nav states

• Icon fills

• Status indicator borders

Do not use blue for body copy, subheads, or decorative elements. It carries weight — use it where you want the eye to land.

Muted gray (#A0AAB8): All secondary text — captions, metadata, step labels, feature list descriptions. Creates visual hierarchy without introducing a third color.

Status colors: Reserved exclusively for workflow badge states (Compliant, Pending Review, In Review, Signed). Never repurpose these for decorative use.

---

Max content width: 1200px, centered.

Section padding: 96px vertical (4xl) on desktop, 48px on mobile.

Grid: 12-column. Most content sections use a 60/40 or 50/50 split — text left, UI mockup or evidence block right.

Whitespace: Use it generously. Regulated labs deal with dense documentation all day. The site should feel like a relief — organized, not crowded.

Never:

• Use gradients (they read as consumer-tech, not regulated-environment)

• Use rounded hero images or lifestyle photography as primary visuals

• Use more than two typeface weights in a single section

• Place brand blue text on blue backgrounds

---

Every piece of content on a LabComplyx surface must:

1. Reference a specific regulation, inspection framework, or lab workflow (CLIA, CAP, ALCOA+, 21 CFR Part 11, ISO 17025, GxP)

2. Name a concrete problem, not an abstract benefit

3. Avoid filler phrases: "streamline", "seamlessly", "robust", "cutting-edge", "leverage", "empower"

4. Never fabricate client names, specific metrics, or inspection outcomes

5. Never reference competitor products or services by name

CTAs should be task-specific and low-commitment: "Start Your Gap Assessment", "Book a Free Compliance Review" — not "Get Started" or "Learn More".

---

URL: https://amara-app-c1f2b2c6.base44.app/Intake

All content CTAs on LabComplyx surfaces point here. This is the only conversion endpoint. Do not link to external scheduling tools, email addresses, or third-party forms.

---