← Back to Overview

Brain States Landing

Page job: EDUCATE — explain the Brain States framework
URL: chewbizz.com/brain-states — the framework page. Introduces all brain states.

Proposed structure: Hero → The Brain Shifts (overview) → Focus Spotlight (new) → What's Coming (pipeline) → Footer

Target: ~4.5 viewports

1

Hero

Current Design — Hero
CTA change: The primary CTA should keep visitors on this page, not send them away. Change to ↓ Explore the states (scroll anchor to Section 2). "How It Works →" moves to a secondary link after the Focus Spotlight section.
Copy Block — ready to paste
The mind doesn't operate in a single mode. It moves through distinct states — each shaped by context, biology, and environment. Understanding them changes how you think about cognitive support. [↓ Explore the states]
2

The Brain Shifts

Current Design — The Brain Shifts
Media sourcing: REMOVE: Stock reading glasses photo and placeholder cards. The new 5-card layout IS the visual — no photography needed. Source: Alessandro (design). Timeline: Can start immediately.
BIG CHANGE: Replace the tabbed detail interface with a simple 5-card visual overview. These cards should be compact — think horizontal strip or pill-style, NOT full card-grid. The goal is a 2-second scan of the entire system. This is visually distinct from Section 4's interactive vote cards.
Wireframe Mockup — 5-card overview
The Brain Shifts
Focus, calm, mood, wake, and sleep aren't traits.
They're temporary states — shaped by context, biology, and environment.
★
Focus
Available (FLOW)
Directed, sustained attention on a single task.
↓ Explore Focus
◔
Calm
In Development
The downshift from tension without drowsiness.
◕
Sleep
Research
The transition from wakefulness to restorative rest.
◔
Mood
Exploring
Supporting emotional balance — a steadier, more positive baseline.
◔
Wake
Exploring
Clean energy without caffeine — alert and ready, no jitters, no crash.
Design note: The Focus card should feel "live" — brighter background, solid teal border, full opacity. All other cards are muted at ~65% opacity to show they're future states. This communicates the roadmap without showing products that don't exist yet.
Addressing repetition (re: Alessandro's feedback): Sections 2 and 4 serve different cognitive purposes. Section 2 = INFORMATION (overview of the brain states system — scannable in 2 seconds). Section 4 = INTERACTION (vote for which state to build next — active engagement). To ensure they don't feel like the same component: Section 2 cards should be compact and horizontal (strip/pill layout), while Section 4 cards are larger and atmospheric (forest background, vote buttons, interactive). Different visual language = different perceived purpose.
Copy Block — ready to paste
The Brain Shifts Focus, calm, mood, wake, and sleep aren't traits. They're temporary states — shaped by context, biology, and environment. No state is meant to be permanent. Each supports different kinds of thinking. Cards: ★ FOCUS — Available (FLOW) "Directed, sustained attention on a single task." ↓ Explore Focus ◔ CALM — In Development "The downshift from tension without drowsiness." ◕ SLEEP — Research "The transition from wakefulness to restorative rest." ◔ MOOD — Exploring "Supporting emotional balance — a steadier, more positive baseline." ◔ WAKE — Exploring "Clean energy without caffeine — alert and ready, no jitters, no crash."
3

Focus Spotlight NEW

This section absorbs the best content from the deferred Focus Template page. Two columns: education on the left (~55%), product bridge on the right (~45%).
Wireframe Mockup — two-column Focus spotlight
Education
⊙ FOCUS
The mental state that allows attention to be directed and sustained. It narrows awareness rather than increasing effort.
What Disrupts Focus
  • Frequent task switching
  • Interruptions and noise
  • Sustained stress or pressure
  • Sleep debt and mental fatigue
Trying to force focus under these conditions often makes it worse.
What Supports Focus
  • Clear task boundaries
  • Manageable cognitive load
  • Predictable environments
  • Sufficient rest and recovery
Product Bridge
FLOW Product Image
FLOW
Our first tool built for this state. Designed for calm, sustained attention — formulated with restraint rather than intensity.
Key Ingredients
  • Huperzine A (50mcg) — keeps the spotlight on longer
  • 5-HTP (50mg) — supports calm, focused baseline
  • Methylated B-Complex — brain fuel your body can use
  • Alpha-GPC — choline for acetylcholine support
★★★★★ Verified on Shopify
30 pieces · $21.99
Shop FLOW →
30-day satisfaction guarantee · Free shipping over $40
See the full story → chewbizz.com/flow How It Works →
Media sourcing: Right column needs a real FLOW product photo (P1: Hero Product, 45° variant). Interim: KJ's iPhone product photo. Source: Agency. Timeline: Real photo by May 2.
Design note: The left column (education) should feel neutral and informational — light teal/blue tones. The right column (product) should feel warmer — sandy/cream tones. The visual split reinforces: "We educate first, sell second." The product bridge feels earned, not intrusive.
Copy Block — left column (education)
⊙ FOCUS The mental state that allows attention to be directed and sustained. It narrows awareness rather than increasing effort. WHAT DISRUPTS FOCUS · Frequent task switching · Interruptions and noise · Sustained stress or pressure · Sleep debt and mental fatigue Trying to force focus under these conditions often makes it worse. WHAT SUPPORTS FOCUS · Clear task boundaries · Manageable cognitive load · Predictable environments · Sufficient rest and recovery
Copy Block — right column (product bridge)
FLOW Our first tool built for this state. Designed for calm, sustained attention — formulated with restraint rather than intensity. Key ingredients: · Huperzine A (50mcg) — keeps the spotlight on longer · 5-HTP (50mg) — supports calm, focused baseline · Methylated B-Complex — brain fuel your body can use · D3 + K2 (625 IU) — activates neurotransmitter production ★★★★★ Verified on Shopify 30 pieces · $21.99 [Shop FLOW →] 30-day satisfaction guarantee · Free shipping over $40 See the full story → chewbizz.com/flow How It Works →
4

Which State Do You Need Most?

Current Design — Brain States Grid
BIG CHANGE: Transform from passive "What's Coming" pipeline into an interactive VOTE. Visitors choose which brain state matters most to them. This eliminates the repetition concern entirely — Section 2 is information (the system), Section 4 is interaction (your vote). Completely different cognitive mode.
Wireframe Mockup — interactive vote with email capture
Which state do you need most?
Calm
The downshift from tension without drowsiness.
This one →
Sleep
The transition from wakefulness to restorative rest.
This one →
Mood
Supporting emotional balance — a steadier, more positive baseline.
This one →
Wake
Clean energy without caffeine — alert and ready, no jitters, no crash.
This one →
Your interest helps us decide what to build next.
Or follow everything:
your@email.com
Follow the Journey →
No spam. No hype. Just progress.
Design note: The forest/sunlight background from the current design should remain — it's the most atmospheric visual on the page. Vote cards should be visually larger and more immersive than Section 2's compact overview strip. On click, each card expands inline or opens a minimal modal with an email field and: "We'll let you know when [State] is ready." This feeds Klaviyo segments tagged by state (e.g., vote_calm, vote_sleep), giving us demand validation data for which state to build next.
Why this solves the repetition issue: Section 2 is information (scan the system in 2 seconds). Section 4 is interaction (vote for what matters to you). Different headline, different visual treatment, different cognitive mode. No one confuses a vote/poll with an info overview.
Copy Block — ready to paste
Which state do you need most? CALM "The downshift from tension without drowsiness." [This one →] SLEEP "The transition from wakefulness to restorative rest." [This one →] MOOD "Supporting emotional balance — a steadier, more positive baseline." [This one →] WAKE "Clean energy without caffeine — alert and ready, no jitters, no crash." [This one →] Your interest helps us decide what to build next. Or follow everything: [Email field] [Follow the Journey →] No spam. No hype. Just progress.
* The content on this page is educational and informational. It is not intended as medical advice and should not be used to diagnose, treat, or prevent any condition.
Mobile sticky CTA: This page gets the same fixed-bottom bar as the homepage: FLOW · $21.99 [Shop Now →]. See homepage Section 8 for wireframe specs.

Brain States Landing Summary

Before: Hero (with carousel) → Tabbed Brain Shifts (Lorem ipsum) → Duplicate Brain States Grid → Footer
After: Hero (simplified) → Brain Shifts (5-card overview) → Focus Spotlight (new!) → "Which state do you need most?" (interactive vote + email) → Footer
← 1. Homepage Overview ↑ 3. How It Works →