conceptgoldroom last reviewed 2026-05-21

Goldroom brand tokens โ€” colors, type, radii, components

Context

Goldroom is Aspire's design/marketing agency brand. Its visual identity has been extracted from production deployments (goldroom.io, print.goldroom.io) and is the default brand palette for any Aspire/AIOS-hospitality UI unless the user says otherwise. Captured 2026-05-02; revisited periodically.

Detail

Colors

TokenValueUse
--accent#715EE3 (violet)Primary CTA, links, highlights
--accent-dark#291F50 (deep indigo)Hover state, dark accents
--accent-secondary#1E1B4B (near-black indigo)Headings on light bg
Backgroundwhite / very-light neutralsLight mode
Background (dark)#1a1a1aDark mode

Typography

TokenValue
Primary typefaceInter
Weights used400 (body), 600 (headings), 700 (CTA)
Heading patternTwo-tone: dark for first half, accent for emphasis word (e.g., "Reach Goldroom designers")

Component conventions

ElementToken / Style
Card border-radius18px
CTA buttonsFull-pill (border-radius 9999px)
Logo markDroplet shape (organic, asymmetric)
Sub-brand convention"Powered by Goldroom" tag โ€” applies to any landing/product where Goldroom is the design vehicle but not the primary brand

Figma source

Source pages (where tokens are most-faithfully expressed)

When to apply Goldroom tokens

ContextApply tokens?
New Aspire/AIOS hospitality landingYES (default)
Customer-specific brand (Six Degrees, Chanya, Venice)NO โ€” those have their own brand kits
Internal Aspire tooling (Aspire Hub, smart-dashboard)YES (default) unless overridden
Zinga product landingsYES โ€” Zinga shares the Aspire+Goldroom design family
Alby productsNO โ€” Alby has its own kit (TBD)

"Powered by Goldroom" sub-brand convention

When Goldroom designs/hosts/maintains a page that's branded as another product (e.g., a Six Degrees landing built by Goldroom), the footer carries "Powered by Goldroom" as a small attribution. This:

Related

๐Ÿ”— Relationships

graph LR brand_tokens["brand-tokens"]:::self brand_tokens --> aspire_brand_architecture["aspire-brand-architecture"] brand_tokens --> aspire_tech_stack["aspire-tech-stack"] classDef self fill:#715EE3,color:#fff,stroke:#291F50;