@noirstack/crypt-brand

Canonical Crypt brand system for the Crypt app, docs, auth flows, social assets, email templates, and future Noir Stack surfaces.

What ships

• Vector logo sources for the Crypt mark, wordmark, and lockup
• Generated favicons, PNG app icons, and web manifest assets
• Shared CSS variables, reset, typography, utilities, themes, and a single crypt.css entrypoint
• Typed design tokens for colors, spacing, radii, shadows, motion, and typography
• React logo components for UI reuse
• Brand metadata and icon manifests for app and site integrations
• SHA-256 asset signatures and a bundled Noir Stack rights notice
• Canonical screenshot and social reference assets copied from the repository source PNG set
• Social cards synchronized from ../src/assets/social

Install

npm install @noirstack/crypt-brand

If the package remains private, consume it through the workspace, GitHub Packages, or another private registry.

Build

npm run build

The build flow:

1. Copies the supplied repository PNG assets into the package.
2. Generates favicon and app icon derivatives from the canonical crypt-mark.svg.
3. Writes SHA-256 signatures for the bundled asset set.
4. Validates required assets.
5. Compiles TypeScript and React components into dist/.

Usage

import "@noirstack/crypt-brand/css";
import { CryptLogo, brand, colors } from "@noirstack/crypt-brand";

Next.js metadata

import { appIcons, brand } from "@noirstack/crypt-brand/metadata";

export const metadata = {
  title: brand.productName,
  description: brand.tagline,
  icons: {
    icon: appIcons.favicon,
    apple: appIcons.appleTouch
  }
};

Email or auth screens

Use the shared screenshots in @noirstack/crypt-brand/assets/screens/* and the CSS variables from @noirstack/crypt-brand/css.

Source of truth

• Logo derivatives are generated from ../src/assets/logos/logo-tansparent.PNG.
• Additional maintained logo variants are synchronized from ../src/assets/logos.
• Brand screenshots are synchronized from ../src/assets/png.
• src/assets/NOTICE.txt and src/assets/SIGNATURES.sha256 are the canonical rights and integrity records for the package asset set.
• CSS and TS tokens are maintained once inside this package.

© 2026 Noir Stack LLC · Crypt · All Rights Reserved