Brand

Brand kit

Assets and voice for AtroUI - the React / Next.js component library at atroui.com. Use these when linking, embedding, or writing about the project.

Name

AtroUI (stylized; lowercase package atroui, CLI namespace @atroui) is an open-source software product: an MIT-licensed React and Next.js component catalog and shadcn registry. It is not a place name. Prefer the casing AtroUI in prose and link to www.atroui.com.

Mark

Interrupted A - open letterform with a floating brand bar (#0b7bff). Download SVGs from the docs public folder:

atroui-mark.svg - transparent mark
atroui-mark-app.svg - app tile

Made with badge

Credit AtroUI on projects that ship with the catalog. Prefer linking to www.atroui.com.

html

<a href="https://www.atroui.com">
  <img src="https://www.atroui.com/badge/atroui.svg" alt="Made with AtroUI" width="160" height="40" />
</a>

Or use the MadeWithEmbed component.

Colors

Canvas
#0a0a0a
Brand
#0b7bff
Accent mist
#92dbe0

Voice

Say AtroUI, atroui.com, and npx shadcn add @atroui/….
Position as a production React / Next.js catalog on the shadcn registry - not a generic clone.
Precise, calm, product-first. Avoid hype and personal bylines on product pages.