NucoraSTYLE GUIDE
v1.0 · live build · nucora.ai

The system behind a precise instrument.

A single source of truth for color, typography, and component patterns. Built from the official brand guide and the live nucora.ai build, ready to drop into the production stylesheet.

SCOPEWeb · Marketing BASEDark · Clinical STACKHTML · CSS · Vanilla JS
Color

A palette built on signal, not noise.

Deep navy carries the brand. Cyan and teal are the accent — the "intelligence" notes. Greys are pulled from the live Elementor build to stay one-to-one with what's already shipped.

01 · Surfaces
Page bgsurface-0#0A122010 · 18 · 32
Sectionsurface-1 · brand#12203618 · 32 · 54
Cardsurface-2#18263E24 · 38 · 62
Elevatedsurface-3 · brand#224C7534 · 76 · 117
02 · Brand Blues — primary actions
Hover / pressedblue-700#16456A22 · 69 · 106
Brand primaryblue-600#1D73A029 · 115 · 160
Live actionblue-500#2472A036 · 114 · 160
Cyan accentblue-400 · brand#209DBF32 · 157 · 191
03 · Teals — accent + data viz
Brand tealteal-500#42ADC666 · 173 · 198
Light tealteal-300#75C3D8117 · 195 · 216
Highlightteal-100#AFDBE1175 · 219 · 225
04 · Ink — text + neutrals
Pureink-0#FFFFFF255 · 255 · 255
Primary textink-1#E6E9EE230 · 233 · 238
Secondaryink-2#B7C0CC183 · 192 · 204
Meta · liveink-3#818EA1129 · 142 · 161
Disabledink-4#4A556874 · 85 · 104
05 · Semantic
Successsuccess#4CAF5076 · 175 · 80
Errorerror#F44336244 · 67 · 54
Warningwarn#F59E0B245 · 158 · 11
Infoinfo#42ADC666 · 173 · 198
Typography

Three voices: display, body, code.

The brand spec is Axiforma (Adobe-licensed). On the web we substitute Poppins for display and Public Sans for body — both live in the current build. JetBrains Mono carries the terminal-eyebrow accent that anchors the "instrument, not dashboard" tone.

Display — Poppins (Axiforma fallback)

Your data has a story to tell.

FAMILYPoppins WEIGHT700 / Bold SIZEclamp(40, 5vw, 64) TRACKING−0.025em LEADING1.05 USEH1 · Hero only

The architecture behind the investigation.

FAMILYPoppins WEIGHT700 / Bold SIZE40px TRACKING−0.02em LEADING1.25 USEH2 · Section

Cross-domain intelligence.

FAMILYPoppins WEIGHT600 / Semibold SIZE28px USEH3 · Subsection

Memory continuity.

FAMILYPoppins WEIGHT600 / Semibold SIZE20px USEH4 · Card title
Body — Public Sans (Axiforma Book fallback)

NUCORA places every domain side by side and finds what is actually going on — like discovering that strong recovery was masking the fact that the overall setup was pointed at the wrong outcome.

FAMILYPublic Sans WEIGHT400 / Regular SIZE18px LEADING1.6 USELede · intro

Three months ago, the platform flagged that your vitamin D was trending down despite supplementation. This quarter, it opens with the follow-up. When a concern appears once, it is noted. The second time, it is acknowledged as repeating.

FAMILYPublic Sans WEIGHT400 / Regular SIZE16px LEADING1.6 USEBody · default
Mono — JetBrains Mono (terminal accent)
Initialize beta application
FAMILYJetBrains Mono WEIGHT500 / Medium SIZE11–14px TRACKING0.18em USEEyebrow · meta · code
AaLight · 300 AaRegular · 400 AaMedium · 500 AaSemibold · 600 AaBold · 700 AaExtraBold · 800
Components

The atomic vocabulary.

Each piece below maps to a section already on nucora.ai or planned for the SPA build. Drop into any page using the tokens defined below.

Section header patternFATE · Authority
By the numbers

The math behind the insight.

Every NUCORA report distills hundreds of thousands of records into a single actionable next step.

Buttons4 variants
See features →
Newsletter / inline formFooter pattern
Stat rowBy-the-numbers band
14.Data sources
10.Domain modules
4k+Verified claims
0.00%Hallucination rate
Feature cardHover lifts
▣

Cross-domain intelligence

Place every domain side by side. The insight only appears when every signal is visible at once.

Testimonial cardBeta user pattern
"My sleep looked fine. It wasn't."

NUCORA analyzed 686 nights and found the decline had nothing to do with sleep hygiene — it was autonomic state, shaped by nicotine cessation and training intensity.

— Beta user · production output
FAQ / disclosureNative <details>
What makes this different from just asking ChatGPT?
NUCORA's patent-pending architecture has produced a 0.00% error rate across 4,000+ independently verified claims. The same tasks performed without this architecture produced a 41.8% hallucination rate.
How is my data stored and protected?
Your health data is encrypted at rest using AES-256 and protected in transit with TLS 1.2 or higher — the same standards used by financial institutions and healthcare systems.
Is this medical advice?
No. NUCORA is a wellness analytics platform, not a medical device. Findings are framed as data-informed observations, not diagnoses.
Tokens

Drop into your stylesheet.

Copy this block into the top of main.css on the production build. Every component above references these variables — change the token, the whole system updates.

/* ── Nucora Design Tokens · v1.0 ─────────────────────── */
:root {
  /* Surfaces */
  --surface-0: #0A1220;  /* page bg */
  --surface-1: #122036;  /* brand · section */
  --surface-2: #18263E;  /* card */
  --surface-3: #224C75;  /* brand · elevated */
 
  /* Blues — actions */
  --blue-700:  #16456A;
  --blue-600:  #1D73A0;  /* primary */
  --blue-500:  #2472A0;
  --blue-400:  #209DBF;  /* cyan accent */
 
  /* Teals — accent */
  --teal-500:  #42ADC6;
  --teal-300:  #75C3D8;
  --teal-100:  #AFDBE1;
 
  /* Ink */
  --ink-0:     #FFFFFF;
  --ink-1:     #E6E9EE;
  --ink-2:     #B7C0CC;
  --ink-3:     #818EA1;
  --ink-4:     #4A5568;
  --rule:      rgba(255,255,255,0.08);
 
  /* Semantic */
  --success:   #4CAF50;
  --error:     #F44336;
  --warn:      #F59E0B;
 
  /* Typography */
  --font-display: 'Axiforma', 'Poppins', system-ui, sans-serif;
  --font-body:    'Axiforma', 'Public Sans', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;
 
  /* Type scale */
  --fs-eyebrow: 0.6875rem;  /* 11px */
  --fs-meta:    0.75rem;    /* 12px */
  --fs-body:    1rem;       /* 16px */
  --fs-lead:    1.125rem;   /* 18px */
  --fs-h4:      1.25rem;    /* 20px */
  --fs-h3:      1.75rem;    /* 28px */
  --fs-h2:      2.5rem;     /* 40px */
  --fs-h1:      clamp(2.75rem, 5vw, 4.25rem);
 
  /* Spacing scale (8pt grid) */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-4:  1rem;
  --space-8:  2rem;
  --space-16: 4rem;
  --space-24: 6rem;
 
  /* Radii + motion */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --ease:      cubic-bezier(0.2, 0.7, 0.2, 1);
}