Skip to content
Back to Blog

New Look, Same Memory: takizen's Redesign

We rebuilt the dashboard and landing page from the ground up — darker, denser, faster. Here's what changed and why.

We've been heads-down building features for months. CoT Feedback, the Memory Graph, GDPR compliance, real-time usage charts. But the interface hadn't kept up. It was time to fix that.

Today we're shipping a full visual redesign of takizen — the dashboard, the landing page, and everything in between.

Always Dark

The biggest decision was the simplest: takizen is now always dark. No theme toggle. No light mode. Just one carefully considered dark palette.

This wasn't laziness — it was a design choice. Our users are developers and AI engineers. They work in dark terminals, dark editors, dark IDEs. A product that matches that environment feels native, not foreign.

The new palette is built around three background layers:

  • #0c0c0f — base canvas (almost black)
  • #161619 — surface (cards, sidebar, panels)
  • #1e1e23 — elevated (hover states, inputs)

Borders are subtle white alphas instead of solid lines. Text has three levels of opacity for clear hierarchy. The only color accent is our signature coral — #E85D4E — used sparingly for active states, CTAs, and data highlights.

The Dashboard Redesign

The old dashboard was functional but cluttered. Same stats appeared on multiple pages. The sidebar had three items. The loading experience was a full-screen spinner that blocked everything.

We rebuilt it around a simple principle: every page should tell a different story about your data.

No repeated metrics

The Memories page now shows: total count, average strength, today's recalls, and tag categories. These are state metrics — a snapshot of your memory store right now.

The Statistics page shows: monthly recalls, monthly remembers, CoT sessions, and top memory recall count. These are activity metrics — what happened over time.

Open both pages and you get two completely different views of your data. That's intentional.

A sidebar that grows

The old sidebar had three sections. The new one has seven, organized into two groups — Workspace and Account.

Four of those sections are coming soon: Graph (visual memory connections), Playground (test recall queries), Integrations (one-click MCP setup), and Billing (plan management). They're not live yet, but you can see where we're going.

Workspace
  Memories        ← live
  Statistics      ← live
  Graph           ← soon
  Playground      ← soon

Account
  Integrations    ← soon
  Billing         ← soon
  Settings        ← live

Skeleton loading

The old loading experience was bad. An auth check, then React mounting, then a second full-screen spinner. Two consecutive loading screens before you saw anything.

The new system is different. The auth check fades out in 150ms. Then the sidebar appears immediately. Then the page content loads in with a skeleton that mirrors the exact layout — stat cards, charts, tables, pagination. No layout shift, no double loading.

We also parallelized the data fetching: namespace info and stats now load simultaneously instead of sequentially.

The Landing Page

The landing page got the same treatment. Black background with a subtle star field. A video hero with a black hole loop (yes, really — it felt right for a memory product). A nav that starts full-width and shrinks to a floating pill as you scroll.

No aurora gradients. No glass morphism. No decorative blobs. Just typography, spacing, and a bit of controlled motion.

What's Next

The redesign is the foundation. Now we can build on it cleanly.

The Graph view will let you visualize how your memories connect — semantic clusters, typed relationships, the full web of context your AI has built up. The Playground will let you test recall queries and tune boost weights directly from the browser. Integrations will make the MCP setup a one-click experience instead of a manual config step.

The infrastructure is ready. The interface is ready. Now we build.

← All posts Changelog →