tony/bzzz
1
0
Fork 0
Code Issues 6 Pull Requests Actions Packages Projects Releases Wiki Activity

Transform BZZZ config-ui to CHORUS ultra-minimalist branding

Browse Source 
- Replace BZZZ branding with CHORUS Agent Configuration
- Implement ultra-minimalist design system with subtle 3-5px rounded corners
- Add CHORUS corporate color palette (Dark Mulberry primary, Orchestration Blue secondary)
- Integrate Mobius ring logo from brand assets
- Update all copy from BZZZ to CHORUS/CHORUS:Agents references
- Apply clean typography hierarchy and generous spacing
- Remove shadows and gradients for minimalist aesthetic
- Implement invisible border system for subtle organization
- Update progress indicators and status elements
- Maintain all functionality while enhancing brand consistency

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
anthonyrawlins
2025-08-19 00:23:17 +10:00
parent c177363a19
commit 82036bdd5a
66 changed files with 239 additions and 135 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
install/config-ui/app/layout.tsx
View File

@@ -2,8 +2,8 @@ import type { Metadata } from 'next'
import './globals.css'
export const metadata: Metadata = {
title: 'BZZZ Cluster Configuration',
description: 'Configure your BZZZ distributed AI coordination cluster',
title: 'CHORUS Agent Configuration',
description: 'Configure your CHORUS distributed agent orchestration platform',
viewport: 'width=device-width, initial-scale=1',
}
@@ -14,27 +14,29 @@ export default function RootLayout({
}) {
return (
<html lang="en">
<body className="bg-gray-50 min-h-screen">
<body className="bg-chorus-paper min-h-screen">
<div className="min-h-screen flex flex-col">
<header className="bg-white shadow-sm border-b border-gray-200">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="flex justify-between items-center py-4">
<div className="flex items-center">
<header className="bg-white border-b border-chorus-border-invisible">
<div className="max-w-7xl mx-auto px-8 py-6">
<div className="flex justify-between items-center">
<div className="flex items-center space-x-4">
<div className="flex-shrink-0">
<div className="w-8 h-8 bg-bzzz-primary rounded-lg flex items-center justify-center">
<span className="text-white font-bold text-lg">B</span>
</div>
<img
src="/assets/chorus-mobius-on-white.png"
alt="CHORUS"
className="w-10 h-10"
/>
</div>
<div className="ml-3">
<h1 className="text-xl font-semibold text-gray-900">
BZZZ Cluster Configuration
<div>
<h1 className="heading-subsection">
CHORUS Agent Configuration
</h1>
<p className="text-sm text-gray-500">
Distributed AI Coordination Platform
<p className="text-small">
Distributed Agent Orchestration Platform
</p>
</div>
</div>
<div className="flex items-center space-x-4">
<div className="flex items-center space-x-6">
<div className="status-online">
System Online
</div>
@@ -47,24 +49,24 @@ export default function RootLayout({
{children}
</main>
<footer className="bg-white border-t border-gray-200">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
<div className="flex justify-between items-center text-sm text-gray-500">
<footer className="bg-white border-t border-chorus-border-invisible">
<div className="max-w-7xl mx-auto px-8 py-6">
<div className="flex justify-between items-center text-sm text-chorus-text-tertiary">
<div>
© 2025 Chorus Services. All rights reserved.
</div>
<div className="flex space-x-4">
<div className="flex space-x-6">
<a
href="https://docs.chorus.services/bzzz"
href="https://docs.chorus.services/agents"
target="_blank"
className="hover:text-bzzz-primary transition-colors"
className="btn-text"
>
Documentation
</a>
<a
href="https://discord.gg/chorus-services"
target="_blank"
className="hover:text-bzzz-primary transition-colors"
className="btn-text"
>
Support
</a>