CircleThrice Member Portal

Design Review

An evolving record of the member-portal redesign. Each round preserves that stage of the work — switch tabs to revisit earlier rounds.

Prepared for Ivy · CircleThrice Member-portal redesign

Round 3 delivers the full Portal shell with working Calendar integration. The Calendar tab uses the exact Calendar Views exploration — no reinterpretation. The Plan tab gains a Day view with full auspice context. Time span selection persists across tabs.

The artifacts
01 · Portal Prototype
Portal · Direction A

Full portal shell with working Calendar, Plan, Orrery, Magic, Sessions, and Forums sections. Calendar tab uses exact Calendar Views exploration. Plan tab includes Day detail view. Live clock. Mobile responsive throughout.

Round 3 Clickable Desktop + Mobile
Open
02 · Calendar Exploration
Calendar Views

Six calendar views — Day, Week, Month, Quarter, Half Year, Year — with auspiciousness color coding, planetary hours grid, band calendar, and month grid with planet rows. Collapsible TimeBar with ASTRO + CAL selectors. This is the exact view embedded in the Portal.

6 views Planetary hours Auspiciousness Planet rows
Open
02 · Visualization
Orrery — Round 3

Geocentric sky visualization per the R3 ORCA spec. Seven traditional planet rings, always visible. Travel arcs across a selected span. Retrograde hooks, station markers, aspect lines, Moon phase arc texture. Earth "Here" at center.

R3 spec 7 planets Explorations
Open
03 · Object Model
ORCA Canvas · R3

OOUX object map for the full Circle Thrice system — 18 objects across 5 clusters. Core content, metadata, CTAs, and relationships for every object. The Orrery card is the authoritative spec for the visualization. Essential reading for dev.

OOUX 18 objects Dev reference
Open
Style reference
03 · Design System
Design System · R3

Consolidated visual language for Round 3. Color tokens, typography, full planetary color system with opacity matrix and coexistence rules, five-level auspiciousness scale with accessibility guidance, all six navigation icons with SVG markup, and component patterns for every portal surface.

Tokens Planets · Auspice Nav icons Components
Open
Style Reference
Planetary Colour System

The seven classical planet colours — hex tokens, per-planet opacity ranges, opacity matrix, auspice coexistence collision table, and design rules. The authoritative colour reference for all CircleThrice design work.

7 planets Opacity matrix Auspice coexistence CSS tokens
Open
Style Reference
Auspiciousness · Accessibility Study

Visual explorations of the five-level auspice scale across backgrounds and planet tints. Collision testing at UI tint opacities. Informs the coexistence rules in the Planetary Colour System.

5 levels Accessibility Collision testing
Open
Reference
Component Exploration · Archived
Time Span Selection

Three span-selector directions — Pill Strip, Duration Comparison, and Ruler + Auspiciousness Calendar — each at desktop and mobile. Direction A was chosen and carried forward into the Portal prototype.

3 directions Desktop + mobile Direction A chosen
Open
Design Directions · Archived
Round 3 Explorations

Three directions — Horizon Bands, The Spine, Context Bar — with desktop and mobile for each. Interactive with clickable orrery, working nav, drawers, sparkline, and day content. Includes written recommendation.

3 directions Desktop + mobile Interactive
Open