Strategy Builder
Define your rules and risk framework in a structured, editable workspace.
✦ YOUR INTELLIGENT TRADING WORKSPACE ↗
A clearer way
to trade smarter.
One connected workspace for building strategies, reviewing trades, and exploring intelligent trading workflows.
BUILT FOR CLARITYRESEARCH-FIRSTSECURE BY DESIGN
01 / ONE PLACE FOR YOUR WORK
Everything you need.
Room to focus.
An intentional workspace with fewer distractions, clearer navigation, and room for your analysis to breathe.
› 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
Product design concept · fictional data · no connected broker, agent execution, or live trading
02 / MADE FOR FOCUSED WORK
Five capabilities.
One simple platform.
Trading Journal
Record decisions, review outcomes, and build a more useful trading history.
AI Agents
Technical AI, Macro AI, and Agent Builder — concepts in development.
03 / BUILT AROUND YOUR WORKFLOW
Less navigating.
More doing.
A clean path from landing page to sign in, then straight to your last workspace. Familiar interactions. No overwhelming menu maze.
● ● ●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.
A scalable visual language influenced by the structured, spacious experience of Antigravity — adapted to CAFTRA Labs as an original international trading SaaS interface.
Reference study: antigravity.google · 14 Oct 2026
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.
This HTML is a standalone design prototype. It contains only fictional demo data and local UI interactions. It does not use Supabase, send OTP, alter saved project data, deploy Cloudflare, or enable live broker trading.