Evidence Badge
The evidence badge communicates the strength of scientific evidence behind a tinnitus research article or therapy recommendation. It appears on research cards across the WordPress site, giving users an immediate visual signal of how well-supported a finding is. The three levels — strong, moderate, and preliminary — map to the quality and quantity of published clinical evidence.
This component uses naluma design system tokens.
BEM class: .tinnitus-badge-evidence
Base Specifications
Section titled “Base Specifications”All evidence badge variants share these properties:
| Property | Value |
|---|---|
| Font family | Plus Jakarta Sans, system-ui, sans-serif |
| Font size | 13px |
| Font weight | 600 |
| Line height | 1.2 |
| Padding | 4px 12px |
| Border radius | 4px |
Variants
Section titled “Variants”Strong
Section titled “Strong”For findings backed by multiple high-quality studies — systematic reviews, large RCTs, or well-replicated results.
Modifier: .tinnitus-badge-evidence--strong
| Property | Value |
|---|---|
| Background | #98D398 (--semantic-color-feedback-success) |
| Text color | #1A3D1A (--semantic-color-feedback-success-text-strong, 7:1 contrast) |
Moderate
Section titled “Moderate”For findings with supporting evidence that is promising but not yet definitive — smaller trials, observational studies, or mixed results across studies.
Modifier: .tinnitus-badge-evidence--moderate
| Property | Value |
|---|---|
| Background | #D97706 (--semantic-color-feedback-warning) |
| Text color | #FFFFFF |
Preliminary
Section titled “Preliminary”For early-stage findings — pilot studies, case reports, or emerging research areas where clinical evidence is still being established.
Modifier: .tinnitus-badge-evidence--preliminary
| Property | Value |
|---|---|
| Background | #DC2626 (--semantic-color-feedback-error) |
| Text color | #FFFFFF |
Showcase
Section titled “Showcase”Evidence levels
In context — research card
Cognitive Behavioral Therapy for Tinnitus
CBT significantly reduced tinnitus distress scores compared to waitlist control, with effects maintained at 12-month follow-up.
Usage Guidelines
Section titled “Usage Guidelines”- Every research article gets exactly one evidence badge. The badge reflects the overall quality of evidence, not the article’s conclusion. A well-designed study with negative results can still be “strong.”
- Default to preliminary when uncertain. If the editorial team hasn’t classified the evidence level, preliminary is the safest starting point. Upgrading is better than downgrading after publication.
- Do not use the badge for non-research content. Guides, opinion pieces, and community posts should not carry evidence badges — the badge implies peer-reviewed scientific backing.
- Pair with source context. The badge works best alongside study metadata (year, sample size, study type) so readers can assess credibility beyond just the color label.