wangbh030722/vibe-nothing-ui-design

Vibe Nothing UI Design is a component library for building web interfaces in the visual style of the Nothing phone brand: monochrome surfaces, round dot typography and icons, and a single signal red accent color used only for meaningful states. It is not a written specification you have to interpret yourself. It ships as actual, ready to use components such as buttons, inputs, tables, navigation, cards, and dialogs that you copy directly into a project and use. The library has zero dependencies. It is built from plain HTML, CSS custom properties, and a small amount of vanilla JavaScript, with no framework and no build step required. To use it, you link the CSS file, add a script tag, and set a data theme attribute on the page body to switch between dark and light modes on any element in the page. In total there are 46 components covering foundations like color and type, form controls, navigation, feedback elements, and data display, all available in both themes. The project also includes a complete example application screen built entirely from the library, showing a sidebar, breadcrumb, search bar, and a data table with status indicators, demonstrating how the accent color is reserved for genuine signals like something deploying or needing review rather than decoration. A distinct visual feature is the glyph matrix, a 25 by 25 circular dot grid used for a canonical icon, alongside smaller 9 by 9 dot icons used throughout the interface. The fonts bundled with the project, including a round dot display font, a general UI font, a monospace font for labels, and an italic font for editorial text, are all open licensed and self contained, so no proprietary fonts are needed. Documentation includes a SPEC file describing the exact design tokens and rules, meant to be handed to an AI assistant so it can generate compatible interfaces, and a DESIGN file explaining the reasoning behind the choices. The project is released under the MIT license and is an independent fan project, not affiliated with or endorsed by Nothing Technology Limited.