Design scientific software. With H_UI
We’ve sublimated our vast experience designing complex systems into a set of components and guidelines to design faster.
We’ve sublimated our vast experience designing complex systems into a set of components and guidelines to design faster.
Design scientific software. With H_UI
Quality scientific UI
components
components
H_UI is a culmination of our experience in designing highly specialised systems in science and pharma. We're delighted to share the toolkit for designing software that changes the world, faster, and hassle-free. Our components have been meticulously crafted and specially selected for this kind of projects.
Shipped in 10+ live projects
Molecular scoring platform for drug discovery
2022
A data-wrangling tool for working with SD files
2022
Chemical data visualisation suite
2022
Coming soon
Coming soon
2023
2023
Shipped in 10+ live projects
Coming soon
Coming soon
Chemical data visualisation suite
Molecular scoring platform for drug discovery
A data - wrangling tool for working with SD files
2022
2022
2022
2023
2023
Smart components
Each component is carefully designed using 100% Auto Layout 4.0, smart options, WCAG accessibility and usability best practices in mind.
Variants and Auto Layout
100% of the components are assembled using Auto Layout 4.0
All components are tested for compatibility with WCAG 2.1
4px soft grid system and consistent spacing
Hover and click interactions for fast prototyping
Smart components
Each component is carefully designed using 100% Auto Layout 4.0, smart options, WCAG accessibility and usability best practices in mind.
Variants and Auto Layout
100% of the components are assembled using Auto Layout 4.0
All components are tested for compatibility with WCAG 2.1
4px soft grid system and consistent spacing
Hover and click interactions for fast prototyping
Easy customisation
Easily apply your brand colours and styles to the entire user interface by changing the font, colour and properties of components in mere seconds.
Built with Figma Variables
Colors
Change the colour in the palette, and see the whole thing update
Margins & padding
Never have to double check distances ever again
Typography
Clear, understandable, HTML standard text styles.
Border radius
Change your mind about rounded corners mid project? No problem.
Easy customisation
Easily apply your brand colours and styles to the entire user interface by changing the font, colour and properties of components in mere seconds.
Built with Figma Variables
Colors
Change the colour in the palette, and see the whole thing update
Margins & padding
Never have to double check distances ever again
Typography
Clear, understandable, HTML standard text styles.
Border radius
Change your mind about rounded corners mid project? No problem.
Switch between themes
Theme switching has never been easier with the help of Figma variables.
Dark
Switch between themes
Theme switching has never been easier with the help of Figma variables.
Light
Dark
Light
Figma’s best features
Leveraging
Auto Layout 4.0
Create designs that are easy to customise. Components automatically scale to fit any layout.
Components & Variants
Variants represent a new way of grouping and organising variants of the same component. The components are easier to maintain and more intuitive to use.
Variables (new)
We use variables to create design tokens. They simplify working with styles and make the design more consistent.
Figma’s best features
Leveraging
Auto Layout 4.0
Create designs that are easy to customise. Components automatically scale to fit any layout.
Components & Variants
Variants represent a new way of grouping and organising variants of the same component. The components are easier to maintain and more intuitive to use.
Variables (new)
We use variables to create design tokens. They simplify working with styles and make the design more consistent.
Easy to use
Design faster
A simple, intuitive and scalable structure will allow you to spend less time searching for components.
Tips, recommendations and notes are included directly in Figma
Tips, recommendations and notes are included directly in Figma
Easy to use
Design faster
A simple, intuitive and scalable structure will allow you to spend less time searching for components.
Tips, recommendations and notes are included directly in Figma
Tips, recommendations and notes are included directly in Figma
Prototypes that look like the real thing
Realistic prototyping
We made sure that the components are interactive, and share some know-hows for more realistic prototyping so that the prototypes feel like the real thing.
Try H_UI
Subscribe to our newsletter
H M N D
This kit has been designed by the HMND design team. And is provided free of charge. We’ve spent a lot of time crafting please use this kit with attribution.
Feel free to reach out to hello@hmnd.design if you’d like to collaborate on a project