Home

Welcome to the hra-ui wiki!

Help Center

Section last updated: 9/23/2024

Exploration User Interface (EUI)

• Using the Exploration User Interface (EUI)

Development Resources

• Dependency Injection
• Developer Guides
• Responsive Design
• Using Figma For Styling Components
• Using NX Console

Figma Design Resources

Section last updated: 9/23/2024

HRA Design System Repository

The HRA Design System Repository is the single source of truth for all HRA components, patterns, and text variables.

• Style Guide
• Component Library
• UI Typography Sheet
• Vega-lite Patterns

HRA Components

This file breaks up components by pages for the development team to organize in the HRA Design System Storybook.

• HRA Components

Individual Website Specifications

All HRA UIs are contained within the Human Reference Atlas project in Figma.

• apps.humanatlas.io

Design Information Architecture

This file contains conceptual brainstorming on how best to organize the HRA product line from a product-focused, user-centered design standpoint.

• HRA Information Architecture

Former Design Handoff Notes (Deprecated)

As of 9/23/2024: We use a combination of Figma and GitHub issues to document design handoffs.

FTU Explorer

• Q1 2023: MVP1
• Q1 2024: MVP2

Human Reference Atlas Website

• Q1 2024: MVP0