1 NGO Docs

Platform

Brand guide — workspace UI

Typography, panels, and buttons for authenticated workspace pages. Paystack integration is the reference.

Use the Paystack integration page (/settings/integrations/payments/paystack) as the marking scheme for font sizes, panel layout, and primary/secondary buttons on workspace management surfaces.

Key rules

  • Import settings.module.css for operational workspace pages — not Dashboard.module.css prototype sizes.
  • Page header: workspaceHeader eyebrow + Georgia h1.
  • Panel intro: paystackIntro with 14px body copy and primary action on the right.
  • Buttons: .primary and .secondary (44px min-height, 12px label).

Full specification: docs/BRAND_GUIDE.md in the repository.

Need to configure this now? Open Dashboard → Integrations, or read the Paystack guide.