CoRe-ED Logo
CoRe-ED Design System
v2.0 • OKLCH
Approved Design System

Clinical Rigour Meets Human Warmth.

The unified design language for the Consortium for Research in Eating Disorders. Built natively on Tailwind v4, OKLCH color spaces, and large-spectrum typography.

HeadingsPlus Jakarta Sans
Body / UIInter
Base Reading Size18px (1.125rem)
Color SpaceOKLCH P3 Gamut

1. Brand Mark & Rings Anatomy

Extracted directly from public/logo.svg and public/logo_text.svg.

CoRe-ED Concentric Rings Mark

Concentric Rings Mark

6 concentric rings on transparent ground representing researchers, clinicians, advocates, healthcare institutions, families, and policy partners.

CoRe-ED Full Brandmark with Typography

Full Consortium Signature

Formal signature on transparent ground used in official publications, partner headers, and credential badges.

2. OKLCH Color Palette & Tier Accents

Perceptually uniform color tokens tailored for high contrast and modern P3 displays on a cool slate background.

Click any card to copy token

Core Consortium Brand Tokens

Advocate's Circle Tier Accents (/advocate-circle)

Custom Tier Colors

3. Large-Spectrum Typography (18px Base)

Major Third (1.25x) scale engineered for high-comfort academic & clinical readability.

Display / Hero — 4.25rem (68px) • -0.03emPlus Jakarta Sans Extrabold
Consortium for Research in Eating Disorders
Heading 1 (h1) — 2.75rem (44px) • -0.02emPlus Jakarta Sans Bold

Consortium for Research in Eating Disorders

Heading 2 (h2) — 2.188rem (35px) • -0.015emPlus Jakarta Sans Bold

Consortium for Research in Eating Disorders

Heading 3 (h3) — 1.75rem (28px) • -0.01emPlus Jakarta Sans Semibold

Consortium for Research in Eating Disorders

Lead / Large Body — 1.25rem (20px)Inter Medium

Eating disorders are complex, biologically influenced conditions. By uniting clinicians and lived experience, we accelerate the discovery of targeted therapies.

Base Body (base) — 1.125rem (18px) • Primary Reading SizeInter Regular

CoRe-ED establishes a centralized knowledge and trial coordination infrastructure across Australasia and international partner universities. Open-access datasets empower clinicians to translate cutting-edge clinical trials into compassionate daily practice.

Small & Caption (sm / xs) — 15px / 13pxInter Semibold / Regular
Published: 18 August 2026DOI: 10.1016/j.coreed.2026.04.012Peer Reviewed

4. Geometry & Radii Tokens

Modern soft 10px base radius (0.625rem) with scaled component curves.

6px
rounded-sm
Badges, Tags
8px
rounded-md
Buttons, Inputs
10px
rounded-lg
Standard Cards
16px
rounded-xl
Feature Containers

5. Space & Spacing Scale (8pt Grid)

Predictable rhythmic spacing built on an 8pt modular foundation for consistent layout balance.

8pt Baseline Grid
space-14px (0.25rem)
Micro gaps, inline badges, tight icon padding
space-28px (0.50rem)
Badge internal padding, tight list item gaps
space-312px (0.75rem)
Button horizontal padding (sm), compact inputs
space-416px (1.00rem)
Standard input padding, small card gutters
space-624px (1.50rem)
Standard card internal padding, grid column gaps
space-832px (2.00rem)
Modal dialog padding, feature card spacing
space-1248px (3.00rem)
Section sub-breaks, container margins
space-1664px (4.00rem)
Page major section spacing, hero bottom margins
space-2496px (6.00rem)
Landing page section breaks & keynote dividers

6. Elevation & Depth Architecture

Multi-tier depth hierarchy tailored to maintain clean separation against the cool slate ground.

6 Elevation Levels
Level 0

Canvas Base (Elevation 0)

The root viewport ground (Cool Slate Gray oklch(0.978 0.008 240)).

Used for: Page body, layout backdrop
Level 1
Active

Card Surface (Elevation 1)

Crisp white surface with 1px border and soft ambient shadow.

Used for: Standard content cards, list rows, form containers
Level 2

Hover & Focus (Elevation 2)

Interactive lifted state with enhanced shadow and subtle focus border.

Used for: Interactive cards, active selections, clickable tiles
Level 3

Popover & Menu (Elevation 3)

Floating contextual menus, dropdowns, and combobox lists.

Used for: Dropdown menus, combobox lists, autocomplete popovers
Level 4

Modal & Dialog (Elevation 4)

High-focus overlay dialogs blocking interaction with background.

Used for: Clinical trial modals, ethics consent forms, confirmations
Level 5

Sticky App Navigation (Elevation 5)

Persistent sticky top bars and floating utility toasts.

Used for: Top navigation shell, floating status bars, toast alerts

7. Iconography System (Lucide React)

Standardized 2px/1.75px stroke width icons categorized for clinical, advocacy, and navigation domains.

Click any icon tile to copy its JSX component tag to your clipboard.Standard stroke: 1.75px — 2px

8. Imagery & Visual Asset Guidelines

Trauma-informed, respectful, and authentic imagery guidelines designed to avoid stigmatizing tropes.

High-Empathy Framing
16:9 Keynote Banner
Symposium 2026

Global Eating Disorder Biomarker Forum

Hero & Presentation Covers

Aspect Ratio: 16:9 (1.77:1). Used for live keynote recordings, webinar headers, and public announcements.

4:3 Study Card

Adolescent Connectome Study

Clinical Feature Cards

Aspect Ratio: 4:3 (1.33:1). Used for research directory cards, trial case studies, and toolkit previews.

PI

Prof. Elena Rostova

Lead Investigator • Sydney

1:1 Profile Avatar
People & Avatars

Aspect Ratio: 1:1 (Square). Authentic human photography representing lived-experience advisors and clinicians.

Trauma-Informed Imagery Principles

1. Respectful RepresentationAvoid dramatic or triggering visual depictions of physical illness, scales, or isolation. Highlight recovery, inquiry, and connection.
2. Scientific CredibilityUse crisp, authentic imagery of laboratory tools, neural mapping diagrams, and cross-institutional collaboration.
3. Accessible Text OverlaysAlways combine photographic backdrops with calibrated gradient scrims to ensure WCAG AAA contrast for titles and tags.

9. Core UI Primitives Suite

Interactive components styled with CoRe-ED theme tokens (Cards, Tabs, Autocomplete, Dialogs, Form Controls).

Autocomplete & Searchable Select (Combobox)

Command + Popover

Active Filter: Adolescent Family-Based Therapy (FBT)

Card Variations & Structures

Surface Elevation
Active Trials
28 Cohorts

+14% year-over-year

Across 12 Australasian hospitals
Phase III Trial
ID: ED-2026-A

Early Neuro-stimulation for Severe Anorexia

Investigating rTMS efficacy in reducing compulsive food restriction in young adults.

DRSJ
+4
Recommended

Investigator Access

Full trial registry dataset access, co-authorship portal, and bio-specimen sharing.

Verified Researcher Tier

Tabs Architecture

Radix Tabs
Viewing: Research Directory
Latest Meta-Analysis (2026)

Comparative Efficacy of Specialist Supportive Clinical Management (SSCM) vs CBT-E

Lancet Psychiatry • Authors: Chen, K., Martinez, L., & Reynolds, T.

Interactive Dialog / Modal

Accessible Overlay

Study Protocol & Ethics Consent Dialog

Demonstrates accessible dialog modal with focus trapping, backdrop blur, and escape triggers.

Button Hierarchy & Hover Feedback

Badge & Pill Tokens

Semantic labels, statuses, and Advocate's Circle tier indicators.

Core System Badges
Primary Tag
Brand Ocean
Warm Terracotta
Secondary Slate
Clinical Peer Reviewed
Trial Concluded
Advocate's Circle Tier Badges (/advocate-circle)
Spark ($5)
Seed ($10)
Growth ($25)
Momentum ($50)
Catalyst ($100)
Custom Choice

Form Controls, Switches & Checkboxes

Receive weekly digest on newly open patient cohorts.

Authorize de-identified dataset federated queries.

10. Partner List Component

Showcase of academic institutions, healthcare networks, and lived-experience partner alliances.

Academic Institution

Global Eating Disorder Institute

Melbourne & Sydney, AU

Multi-centre longitudinal clinical trials & neuroimaging

14 Active Research CohortsView Portal
Community & Advocacy

Lived-Experience Advocates Network

National / International

Trauma-informed patient advocacy, policy reform, and co-design

2,400+ Circle MembersView Portal
Healthcare System

Metropolitan Health & Eating Recovery Centre

Brisbane, AU

Inpatient and outpatient adolescent intensive clinical care

850+ Clinicians TrainedView Portal
Global Alliance

International Consortium of ED Registries

London & Boston

Cross-border open science data sharing and genetic sequencing

18 Country DatasetsView Portal
Academic Institution

University Psychiatric & Behavioral Neuroscience Lab

Auckland, NZ

Cognitive behavioural therapy biomarkers and early intervention

9 Keynote PublicationsView Portal
Community & Advocacy

Youth Nutrition & Recovery Foundation

Perth, AU

School-based prevention programs and peer support mentorship

35,000 Students ReachedView Portal
Giving & Sustainability

11. Support & PayPal Donation Widget

Interactive giving interface supporting one-time and recurring contributions.

Your Impact ($50)

Funds 10 specialized recovery toolkit care packages for rural inpatient clinics.

256-Bit SSL EncryptedDeductible Gift Recipient (DGR)

Why Your Support Matters

Research in eating disorders receives historically less than 1% of total mental health research funding, despite carrying one of the highest mortality rates in psychiatric medicine.

100% of community gifts directly sponsor open-access clinical toolkits.
Zero paywalls for lived-experience advocacy toolkits.
Annual transparency report published each February.

Tax & Deductibility

CoRe-ED is a registered Australian research consortium. Official tax receipts are dispatched immediately via email for all gifts over $2 AUD.