Phase A: Lo-Fi Shape Schematics (agy)
Shape Option 01 · Builder: agy

The Left-Rail Spine & Cantilevered Milestones

Continuous left-hand narrative rail with sticky chapter headers, cantilevered sketch milestones, and docked mark-and-return.

Greyscale Structural Schematic
Structural Bet

A dedicated 180px left rail serves as the single persistent narrative spine for the entire page. Sketchnotes sit cantilevered at the border between the spine and the right content plane, acting as visual milestones. As the reader scrolls, sticky chapter tags lock into the rail, while mark-and-return is woven directly at the base of the left rail as a docked thought index.

Main Risk & Trade-off

On smaller laptop viewports, the dedicated left rail consumes horizontal real estate; on mobile (390px), the rail must collapse into a sticky top progress track, requiring a disciplined transition from a dual-axis layout to a single-column flow without losing the spine sensation.

DESKTOP SCHEMATIC (960px Grid Layout)100% SCALE
◓[LIVING MARK]
ALPHA SHIFT
Shift Thinking. Shape Success.
[Single Nav: Home · Think · Programmes · Chetan · Explore]
M0: OPENING INQUIRY [1]

Something on your mind?

[Hero Sub-lines: 6 lines of locked inquiry]
M1: MILESTONE [2]

The Missing Piece

[Narrative Text Block: 7 lines]
SKETCHNOTE MILESTONE 1 (LOCKED ASSET)
The River Crossing (Boulders, Missing Pieces & Crocodile)
[FIGURE CROSSING RIVER VIA BOULDERS]Known steps + 3 coloured missing pieces + crocodile
Mounted directly on spine: bridges question to possibility.
M2: THE SHIFT [2]

Make the shift.

SKETCHNOTE MILESTONE 2 (LOCKED ASSET)
Thought to Action (Light Bulb in Motion)
[THOUGHT BUBBLE → LIT BULB → RUNNING WITH BULB]Insight converted into active operational motion
[BOUNDED THOUGHT SIMULATOR] [6]Nicky Case mechanic
Interactive toggle: Shift the angle on a problem without a whole new plan.
[How We Work Text Block: 5 lines]
M3: PROGRAMMES [4]

Programmes

Choose depth: 60m · 180m · 360m
01 THINK BETTERSee possibilities. Solve better problems.
02 COMMUNICATE CONFIDENTLYBe clear. Be heard.
03 STORYTELLINGTurn ideas into stories people remember.
04 OWNING THE ROLEStep up. Take charge. Create movement.
05 PEAK PERFORMANCEUnderstand your mind. Access its power.
06 NAVIGATE UNCERTAINTYNot sweating over the future.
07 PERSONAL BRANDINGShow up with clarity. Be remembered for what matters.
M4: MEET CHETAN [7]

I’m Chetan.

[Founder Photo / Artefact Placeholder]
[Curiosity & Background: 7 lines]
M5: DESTINATION

Ready to explore?

[Direct 3-Field Form]
[Topmate Booking Route]

Find a time that works directly on Topmate.

Book a conversation →
MOBILE 390px STACK [8]
◓ ALPHA SHIFT
[MENU]
SPINE: [M0] → [M1] → [M2] → [M3] → [M4]
M0: HERO

Something on your mind?

[Hero Sub-lines 1–6]
M1: MILESTONE

The Missing Piece

SKETCH 1: RIVER CROSSING
[RIVER & BOULDERS]
M2: THE SHIFT

Make the shift.

SKETCH 2: BULB & ACTION
[BULB TO MOTION]
[THOUGHT SIMULATOR]
Angle 1Angle 2
M3: PROGRAMMES

Programmes (7)

01 THINK BETTER
02 COMMUNICATE CONFIDENTLY
03–07 Remaining Programmes →
M4: CHETAN

I’m Chetan.

[Photo + Curiosity Statement]

Ready to explore?

[Short Contact Form]
Book Topmate →
⟲ Return to Marked (3)▲