New Material is an AI website built with custom code and React. Its pages are built from hero, features, and footer sections, shown here in full-page captures and a scroll recording. Typography: ABC Favorit. Palette: #E0E0FF, #806040, #C0C0A0.
New Material builds AI-native products, workflows and ventures.
Questions designers ask
What fonts does New Material use?
New Material uses ABC Favorit, read from the fonts loaded on the captured page.
What is the New Material website built with?
The New Material website is built with custom code and React, detected when the page was captured.
What colours does the New Material website use?
The captured palette includes #E0E0FF, #806040, and #C0C0A0.
What sections does the New Material website have?
The New Material website includes hero, features, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
Can I use New Material's design for my own project?
Use it as a reference for structure, hierarchy, and style rather than something to copy. The DESIGN.md download summarises New Material's typography, colours, and components for your team or an AI tool.