Introducing NH-UI
A meticulously crafted design system that brings Apple-inspired elegance to your next project. Built on HeroUI, refined to perfection.
Every detail has been carefully considered to create experiences that feel natural, intuitive, and delightful.
Throughout the system, text is legible at every size, icons are precise and lucid, adornments are subtle and appropriate.
The interface helps people understand and interact with content, but never competes with it. Visual effects are used sparingly.
Visual layers and realistic motion convey hierarchy, impart vitality, and facilitate understanding.
Our type system is designed for maximum legibility and impact across all devices and contexts.
Display
The quick brown fox
-apple-system, BlinkMacSystemFont • 60px • Semibold • -0.02em
Headline
The quick brown fox jumps
-apple-system, BlinkMacSystemFont • 36px • Semibold • -0.01em
Body
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs. How vexingly quick daft zebras jump!
-apple-system, BlinkMacSystemFont • 18px • Regular • 0em
A carefully curated palette that adapts seamlessly between light and dark appearances.
Blue
Light
#007AFF
Dark
#0A84FF
Purple
Light
#5856D6
Dark
#5E5CE6
Pink
Light
#FF2D55
Dark
#FF375F
Red
Light
#FF3B30
Dark
#FF453A
Orange
Light
#FF9500
Dark
#FF9F0A
Yellow
Light
#FFCC00
Dark
#FFD60A
Green
Light
#34C759
Dark
#32D74B
Teal
Light
#00C7BE
Dark
#6AC4DC
Every component is crafted with obsessive attention to detail, ensuring a cohesive and refined experience.
Buttons
Form Elements
Comprehensive documentation and resources to help you build exceptional experiences.