Strategy Builder
Define your rules and risk limits.
✦ YOUR TRADING WORKSPACE ↗
A clearer way
to trade smarter.
Build strategies. Review trades. Keep your research together.
BUILT FOR CLARITYRESEARCH-FIRSTSECURE BY DESIGN
01 / ONE PLACE FOR YOUR WORK
Everything you need.
Room to focus.
Your strategies and journal, in one private project.
› Overview
Sample project DWELCOME BACK / SAMPLE DATA
Workspace overview
Your trading research, organized in one place.
Saved strategies04Structured ideas
Journal entries28Illustrative records
Review sessions12Research activity
AI agents—Not connected
Journal performanceIllustrative R-multiple history
Last 30 days ▾+12R+8R+4R0R
01 OCT07 OCT14 OCT21 OCT30 OCT
Recent activityFrom demo workspace
···Strategy draft updatedCAFTR model · Research
Journal entry reviewedLondon session · XAUUSD
Project createdSample workspace
No live broker connections
RECENT JOURNAL ENTRIESVIEW ONLY · DEMO
XAUUSDLondonCAFTR+1.8RReviewed
NAS100New YorkCAFTR−1.0RNeeds review
Research-only environment ↗
Journal review +1.8R · sample
Illustrative data · AI and broker execution disabled
02 / MADE FOR FOCUSED WORK
Five capabilities.
One simple platform.
Trading Journal
Record trades and review the evidence.
AI Agents
Technical AI, Macro AI and Agent Builder are in development.
03 / BUILT AROUND YOUR WORKFLOW
Less navigating.
More doing.
From your first strategy to your next review.
● ● ●CAFTRA / WORKSPACE · CONCEPT↗
DESIGN STUDY · DEMO ONLY
One focused workspaceStrategies · Journal · Projects
Research workspaceLive broker connections disabled
START WITH YOUR WORKSPACE
Make room for better decisions.
A focused home for your trading process.
DESIGN FOUNDATION / TYPOGRAPHY SYSTEM
Clarity is
the system.
The typography, color and motion foundations behind CAFTRA Labs.
CAFTRA Labs design system
01 / COLOR
Neutral first. Accent with intent.
Theme tokens switch live. System mode follows your OS preference; these colors are proposed CAFTRA tokens, not extracted brand values from Antigravity.
02 / TYPE
Room for hierarchy.
Display / 80–118px
Trade
smarter.
smarter.
Heading / 36–64px
Every detail in its place.
Body 14–18px · Text line-height 1.6–1.7 · UI labels 11–14px · system font stack. No external font requests.
03 / SPACE
Wide, but intentional.
Public website
Full-bleed section backgrounds, content grid up to 1512px, generous 72–144px section rhythms, and hero text sized by viewport.
Private workspace
Fluid content region up to 1760px, 246px navigation rail, 16–24px grid gaps, and dense data components only where useful.
04 / MOTION
Quick response. Calm movement.
Hover over cards to test motion. Hover menus to compare smooth panel travel, crossfade, and safe pointer transitions. Durations are CAFTRA proposals, not measured Antigravity timings.
180ms
Hover feedback response
330ms
Mega menu slide & transition
640ms maximum
Editorial entrance transitions
05 / BEHAVIOR
Navigation with a purpose.
Public → Account → Workspace
- One primary Open Workspace CTA in the homepage hero
- Sign in/sign up presented as one email OTP flow
- Returning users go to their last project after a validated session
- Old local data remains recoverable in the real implementation
Menus & accessibility
- Hover and click on desktop, click on touch
- Close on Escape, outside click, or route selection
- Keyboard focus clearly visible; ARIA state announced
- Respect prefers-reduced-motion; no layout-shifting effects
06 / DELIVERY BOUNDARY
Design first. Existing data stays safe.
01 / TOKENS & COMPONENTS
Foundation
Visual tokens, responsive grid, dropdown, theme switcher, buttons, cards, inputs, tables, feedback.
02 / APP SHELL
Navigation & auth
Public homepage, session-gated workspace, cross-device layout and last-project routing.
03 / FUNCTIONAL MODULES
Preserve behavior
Keep Strategy Builder, Trading Journal, core data compatibility, SQL/RLS, and export/import untouched until verified.
The account workspace uses Supabase Auth and private cloud projects. Product illustrations use fictional data. AI and broker execution remain disabled.