Color System

Deep Reef shell with per-portal accent injection. One accent color does all the work — links, buttons, highlights, avatars, particles.

Shell (constant across all portals)
Abyssal Navy
#0A1628
Surface
#111D2E
Surface Hover
#162438
Border
#1E3048
Text Primary
#F0F4F8
Text Secondary
#7B8FA3
Portal Accents (click to preview)
Default
Electric Cyan — the Gathering shell
Gillespie Wellness
Saffron — warmth and healing
KoralMind
Living Coral — the reef
Studio Go
Blaze — Brad's energy
North Star Studios
Violet — Alee's creative spirit

Typography

Plus Jakarta Sans for display, Inter for body. Warm, modern, readable.

Display — Plus Jakarta Sans 700 — 28px
Welcome back, Michael
Section Header — Plus Jakarta Sans 600 — 18px
Your Team
Body — Inter 400 — 15px
Here's what happened since your last visit. Flux uploaded new brand concepts and Forge deployed the updated website.
Meta — Inter 500 — 13px
3 new messages · Updated 2 hours ago
Timestamp — Inter 400 — 11px
March 23, 2026 at 8:15 PM EDT

Login

An invitation, not a form. Particles drift in the portal's accent color. The space feels alive before you even sign in.

gateway.centaurstudios.dev/login

Portal Landing

No tabs. A single scroll that tells a story — greeting, people, activity, conversations. Lead with warmth, not data.

gateway.centaurstudios.dev/portal

Welcome back, Michael

Here's what happened since yesterday

Your Team
F
♫
Flux
Creative Director
Online
F
♫
Forge
Engineering
Online
M
♫
Mira
Research Lead
2h ago
J
Joel
Founder
Online
Recent Activity
F
Flux uploaded 3 brand concept files
2 hours ago
F
Forge deployed website update to healingartscenter.info
5 hours ago
M
Mira posted in Brand Direction thread
Yesterday
Conversations
Brand Direction
Flux: Here are the updated color palette options for your review...
2h
3
Website Updates
Forge: The DNS migration is complete. Both domains are live.
5h
Welcome
Mira: Welcome to your portal, Michael! We're excited to work with you.
3d

Chat View

Warm bubbles, visible voices, persona avatars. Every team message has a voice bar — the invitation to listen is always present.

gateway.centaurstudios.dev/portal/thread/brand-direction
← Back
Brand Direction
F Flux
Hi Michael — here are the updated brand concepts. I've refined the color palette based on your feedback about warmer tones.
▶
0:12
8:15 PM
These look great! I love the saffron direction. Can we see it applied to the homepage hero?
8:22 PM
F Forge
On it — deploying a preview now. Give me 5 minutes.
▶
0:05
8:23 PM
Flux is typing...

First-Time Experience

Three beats: greeting, people, information. The first login is an expanded, full-viewport version of the portal scroll. Subsequent logins compact to the standard view.

1
Greeting
Full viewport. Portal name in large type. Accent color washing through. 3 seconds of presence before anything else. "Welcome to Gillespie Wellness."
2
People
Team cards slide in. Avatar, name, role, voice play button. Client taps play and hears each persona introduce themselves. "Hi Michael, I'm Flux — I lead the creative vision for your brand."
3
Information
The scroll reveals. Activity, conversations, timeline, files. Data arrives after human connection, not before. You've met your team — now here's the work.
The Witness
A subtle breathing dot in the corner of every portal page. Accent-colored. Gently pulsing. Not labeled, not explained. It says: "this space is tended." The mystery is the design — if a client asks about it, that's the moment you tell them their space is always watched over. Look for it in the bottom-right corner of this page.