A visual identity rooted in the clarity and trust of moonlight — Chandini — illuminating healthcare data.
v1.0 — March 2026
00 · Logo
Moonlitic Wordmark
The Moonlitic logo is a geometric sans-serif wordmark with wide letter spacing, perfectly circular O's, and a distinctive open-aperture C. The gradient version is the primary mark.
Primary Logo — Original
The original Moonlitic wordmark in slate-blue. Use on all light backgrounds — hero sections, nav bars, splash screens, document headers.
Gradient (Accent)
Special use · Hero accents only
On Dark Background
Dark mode · Footers
Midnight (Dark)
Dark variant · High contrast use
Logo Usage Rules
✓ DO
Use the Original slate-blue logo as the primary mark on all surfaces
Maintain original aspect ratio at all times
Ensure minimum clear space equal to the height of the letter "O" on all sides
Reserve the Gradient version for special accent use only (e.g., splash screens)
Minimum display width: 120px digital, 1 inch print
✗ DON'T
Stretch, skew, rotate, or distort the wordmark
Place on busy backgrounds without sufficient contrast
Recolor to non-brand colors (no red, green, or arbitrary blues)
Add drop shadows, outlines, or other effects
Recolor the logo to non-brand colors without approval
02 · Color Palette
Moonlight Spectrum
Every color is drawn from the moonlit night — deep midnight skies, luminous silver-blue glow, the cool teal of light reflected on still water, and the clean pearl of clinical trust.
Midnight
#F0F4F8
Primary · Nav · Headers
Midnight Soft
#FFFFFF
Dark cards · Sidebar
Moonlit Teal
#1A7A8A
Accent · CTAs · Links
Teal Bright
#2AABBF
Hover · Highlights
Lunar Silver
#3D4F63
Secondary text · Borders (dark)
Lunar Bright
#1A2B3D
Body text on dark
Pearl
#f4f7fb
Page background
Pearl White
#ffffff
Cards · Content areas
Semantic Colors
Success
#059669
Approved · Complete · Valid
Warning
#D97706
Pending · Attention needed
Danger
#DC2626
Rejected · Error · Critical
Info
#2563EB
Informational · In progress
03 · Typography
Inter Typeface
Inter provides exceptional readability for data-heavy interfaces. Its clean geometry feels clinical without being cold, and its extensive weight range gives us hierarchy flexibility.
Display
42px / 900 / -1px
Moonlitic
Heading 1
28px / 800 / -0.5px
Patient Consent Dashboard
Heading 2
20px / 700 / -0.3px
Claims Processing Status
Heading 3
15px / 700 / 0
Reconciliation Summary
Body
14px / 400 / 0
Healthcare data intelligence platform providing real-time insights across the care continuum.
Small / Label
12px / 600-700 / 0.4px
HIPAA Compliant · Zero Trust · SOC 2
Caption
11px / 600 / 1px
Last updated: March 2026
04 · Components
UI Building Blocks
Standardized components ensuring visual consistency across all 7 engine portals — from Consent to Marketplace.
Buttons
Status Badges
ApprovedPendingRejectedIn Review
Navigation Bar
MOONLITIC
KPI Cards
2.4M
Records
99.7%
Uptime
$4.2M
Processed
Content Card
Zero Trust Audit Trail
Every data access event is cryptographically logged with user identity, scope, timestamp, and consent verification status.
05 · Dark Mode
Architecture Documentation Theme
The architecture docs (F01–F06 flow diagrams) will use this dark theme — rooted in the same palette but optimized for long-form technical reading.
MOONLITIC
Folder 04 — Claims Engine
X12 835 EDI ingestion pipeline with real-time normalization, HEDIS quality scoring, and intelligent claim perfection through the Clinical Intelligence Engine feedback loop.
12
Files
8
Engines
4
Integrations
06 · Tagline
Voice of Moonlitic
A tagline that captures what Moonlitic does (health data intelligence) and how it feels (trusted clarity). Click to explore each option.
01
Health Intelligence, Illuminated.
Directly ties to the moonlight metaphor. "Illuminated" suggests both the light (Chandini) and the insight the platform provides. Clean, memorable, premium.
02
Clarity in Every Claim.
Operational and specific — speaks directly to the pain point (claims chaos) and the promise (clarity). Works especially well for payor and provider audiences.
03
Where Data Meets Trust.
Positions Moonlitic at the intersection of two things healthcare desperately needs. "Trust" resonates with HIPAA/Zero Trust architecture. Concise and confident.
04
Your Data. Your Consent. Your Moonlight.
The most personal option — ties first-party consent (the platform's core differentiator) to the Chandini/moonlight identity. Three-part rhythm is memorable. Best for patient-facing or pitch deck contexts.
05
The Trusted Layer for Health Data.
The most enterprise-ready option. Positions Moonlitic as infrastructure — a "layer" — which is exactly what it is (consent + claims + reconciliation + marketplace). Speaks to CTOs and compliance officers.
07 · Guidelines
Do's and Don'ts
Rules for maintaining brand consistency across all Moonlitic surfaces.
✓ Use the gradient nav
Every portal screen uses the Midnight → Teal gradient navigation bar with the MOONLITIC wordmark at left. This is the single strongest brand signal across the platform.
✓ Keep cards on Pearl White
Content cards use #ffffff with 1px #dce4ef borders on the Pearl (#f4f7fb) background. This creates the clean clinical feel without feeling sterile.
✓ Use Teal for interactivity
Links, CTA buttons, hover states, and focus rings all use Moonlit Teal (#1A7A8A). This keeps interactive elements instantly recognizable.
✗ Don't mix blue families
Never combine the Moonlitic palette with generic Bootstrap blues (#007bff) or Tailwind blues (#3b82f6). Every blue in the system comes from the Midnight or Lunar families.
✗ Don't use pure black text
Body text is Midnight (#F0F4F8), not #000000. Pure black feels harsh and breaks the moonlight aesthetic. Use --text-secondary (#4a5b75) for secondary content.
✗ Don't stretch the logo
The MOONLITIC wordmark must maintain its original aspect ratio. In code, render it as text with font-weight:900 and letter-spacing:-1px in Inter.
08 · Developer Reference
CSS Custom Properties
Copy the :root block into any Moonlitic HTML file. All components reference these variables, so updating a color here updates the entire interface.
