← 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
Wireframe Mockup — 5-card overview
The Brain Shifts
Focus, calm, creativity, motivation, 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.
◔
Motivation
Exploring
The internal drive that initiates and sustains action.
◔
Creativity
Exploring
The open, associative state where novel connections form.
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.
Copy Block — ready to paste
The Brain Shifts Focus, calm, creativity, motivation, 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." ◔ MOTIVATION — Exploring "The internal drive that initiates and sustains action." ◔ CREATIVITY — Exploring "The open, associative state where novel connections form."
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

What's Coming

Current Design — What's Coming
Wireframe Mockup — pipeline with per-state email capture
The states we're building toward.
Calm
Development
Tools for the downshift — reducing tension without sedation.
Notify Me →
Sleep
Research
Supporting the transition from wakefulness to restorative rest.
Notify Me →
Mood
Exploring
Supporting emotional balance — a steadier, more positive baseline.
Notify Me →
Wake
Exploring
Clean energy without caffeine — alert and ready, no jitters, no crash.
Notify Me →
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. Per-state "Notify Me" captures let us segment email interest by brain state, which is valuable for launch targeting.
Copy Block — ready to paste
The states we're building toward. CALM — Development "Tools for the downshift — reducing tension without sedation." [Notify Me →] SLEEP — Research "Supporting the transition from wakefulness to restorative rest." [Notify Me →] MOOD — Exploring "Supporting emotional balance — a steadier, more positive baseline." [Notify Me →] WAKE — Exploring "Clean energy without caffeine — alert and ready, no jitters, no crash." [Notify Me →] 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!) → What's Coming (with email capture) → Footer
← 1. Homepage Overview ↑ 3. How It Works →