Neolog
by Isiah Udofia
Typography System
Select fonts to preview across the entire page
Metric Bars
Horizontal progress bars with performance-based coloring
Progress Indicators
Comparison bars and circular progress with dynamic coloring
Comparison Bars
Circular Progress
Population Demographics
See where you rank relative to the general population across key sleep metrics
Comprehensive multi-dimensional data visualization showing 10 key metrics
Bell Curve Distribution
Percentile visualization with position indicator
Sleep Stages Analysis
Weekly sleep pattern distribution across all stages
Sleep Stacks
Daily sleep pattern visualization
Sleep Stacks (Simplified)
Pure bedtime-to-waketime visualization without stage confusion
Sleep Hypnogram Variations
Sleep flows downward from trimmed awake line
Sleep Hypnogram
Single night longitudinal sleep stage analysis
Sleep Hypnogram (Inverted)
Alternative view with deep sleep at top
Sleep Hypnogram (Traditional)
Classic layout with full container and sleep shading
Streak Visualization
Heat progression from red to white showing consecutive achievements
Form Inputs
Text, date, and select inputs with animated floating labels
Radio Groups
Multi-choice questionnaire with animated selection states
Select Grid
Multiple dropdown selectors in a responsive grid layout
File Upload
Drag and drop zone with hover states and file type support
Buttons
Minimalist bracket animation with teal accent
Sign Up
Create account with Google OAuth or email
Create Account
Forms
Dark form inputs with animated labels and bracket buttons
Sign In
Admin Dashboard
Manage and view participant submissions
| Name | Submitted | Status | Files | Action | |
|---|---|---|---|---|---|
| Jane Doe | jane@example.com | 2026-03-05 14:32 | ready | 3 | |
| John Smith | john@example.com | 2026-03-05 10:15 | processing | 2 | |
| Test User | test@example.com | 2026-03-04 09:00 | ready | 1 | |
| Alice Brown | alice@example.com | 2026-03-03 16:45 | abandoned | 0 | |
| Bob Wilson | bob@example.com | 2026-03-02 11:20 | ready | 4 |
Experimental Components
UIverse designs adapted for AbsoluteRest clinical aesthetic
Geometric Overlap Button
Sharp-edged button with overlapping border effect from UIverse
Clinical Hamburger Menu
Sharp-line menu animation adapted for medical interfaces
Geometric Studies
Subtle, crafted animations built on the overlap pattern
Burst Variations
Trace Variations
Academic Index Style Buttons
Cross-hatch hover effect with score tier gradients