Knowledgeable, clear about the task.
Understand what someone wants to do. Explain it clearly and demonstrate capability through specifics.
“Compare markets side by side in your chart layout.”

How TraderWaves looks, sounds and shows up, for traders and for business, in light and in dark. Written for our team, our partners and the AI tools we build with.
There are many ways to follow a market, develop an idea and build a trading routine. Traders deserve quality tools and a place to connect, whatever their experience or account size.
TraderWaves brings professional trading apps and community together in one accessible platform. Choose the tools that fit how you work, make the workspace yours and connect with people who share your interests. Start free, with Pro available when you need more.
TraderWaves brings professional trading apps and community together in one accessible platform. Build around the ways independent traders follow markets, develop ideas and participate, with active investors included where our tools serve them.
Keep the free trade journal and analytics visible as acquisition routes. The broader platform promise does not remove useful search content or authorise changes to homepage URLs, canonicals or metadata.
Use this story for Journal and Analytics. Charts, Backtesting and Community have their own reasons to join and their own journeys. Account connection and trade review are not prerequisites for the platform story.
Link an account or import history.
AccountsSee performance, risk and outcomes.
Dashboard · ReportsNotes, tags, screenshots, assessments.
JournalSetups, sessions and habits that repeat.
Reports · Wave AITry the next idea before risking capital.
Backtesting · ChartsTraderWaves brings professional trading tools and community together in one accessible platform for independent traders and active investors. Choose the apps that fit how you follow markets, develop ideas and manage your trading. Start with a useful free workspace, with Pro available when you need more.
Approved positioning direction, 26 September 2026. Traders are primary; include active investors where the tools support their needs. This is not a claim of a complete investing service.
We understand the tools and welcome the person using them. Be direct about what is possible, curious about ideas and honest about limitations. The voice stays consistent; the tone fits the task, from exploring charts to discussing markets or reviewing a trade.
Understand what someone wants to do. Explain it clearly and demonstrate capability through specifics.
“Compare markets side by side in your chart layout.”
Help people feel they belong without assumptions about experience, account size or trading style.
“Choose your tools. Make the workspace yours.”
Say what a tool does, what is included and what happens next. Keep errors calm and accountable.
“Start free. Add more with Pro.”
Encourage exploring markets, testing ideas and exchanging perspectives. Allow warmth and personality without selling certainty.
“How would that idea hold up in a different market?”
| Moment | Tone | Sounds like |
|---|---|---|
| Homepage hero | Confident, specific | “Your home for trading.” |
| Charts | Practical, exploratory | “A closer look at the markets you follow.” |
| Journal | Personal, specific | “Keep the thinking behind every trade.” |
| Onboarding and empty states | Warm, one next step | “Choose an app to get started. You can add more later.” |
| Errors and sync issues | Calm, accountable | “We couldn’t reach your broker. Try again or open the connection guide.” |
| Pricing and Pro | Exact, no pressure | “Pro adds Wave AI, backtesting and premium metrics. Free stays free.” |
| Social and community | Lively, trader-native | “What are you watching ahead of the London open?” |
| Business and partners | Measured, scoped | “Bring trading tools and community together for your audience.” |
| Risk and compliance | Plain, unambiguous | “Trading involves risk. Past performance does not guarantee future results.” |
chooseexplorebuildfollowmarketstoolsworkspaceconnectsharediscusslearntestreview (when relevant)
unlocksuperchargeelevateseamlessrevolutionarygame-changingempowernext-levelunleashskyrocketguaranteedpassive incomefinancial freedom10xto the moonAI-powered (as the benefit)
Also avoid: “Your X. Our Y.” headlines, triplet slogans (“Fast. Simple. Powerful.”), “Imagine…”, “More than just a…” and em-dash chains. They read as template copy.
BeforePro plan is now live — unlock advanced trading analytics today
AfterPro is live: Wave AI, backtesting and premium metrics.
Names what’s new instead of “unlocking” something vague.BeforeYour vision. Our building blocks.
AfterBuild your trading product on TraderWaves.
Drops the “Your X. Our Y.” formula and states the offer.BeforeSee what’s working in seconds
AfterSee which setups and sessions are working.
Specific beats fast. “Seconds” is a claim we can’t show.BeforeGrow together.
AfterFund Pro for your members, or earn when they subscribe.
Business readers need the model, not the mood.BeforeSupercharge your trading with AI
AfterAsk Wave AI which sessions cost you the most.
Shows the question a trader would actually ask.TraderWaves is a single master brand. Traders and businesses meet the same logo, typeface, blues and product standards. What changes is the register: tone, density, default theme and the kind of proof we show.
Choose the apps that fit how you follow markets and manage your trading. Start free, with Pro available when you need more.
Bring trading tools and community together for your audience. Explain the available products, member experience and support scope.
| TraderWaves | TraderWaves for Business | |
|---|---|---|
| Who | Independent traders; active investors where supported | Communities, educators, brokers, prop firms and partners |
| Their question | “Does this fit how I follow markets and trade?” | “Will this help my business serve and keep traders?” |
| Default theme | Dark, with the visitor’s choice remembered | Light, with the visitor’s choice remembered |
| Dark surface | Midnight #050711, the app canvas | Deep Navy #0B163F for emphasis panels |
| Voice | Trader to trader: warm, concise, a little wit | Partner to partner: measured, specific about scope |
| Section labels | App tiles (Journal, Charts, Wave AI) | Numbered editorial labels (01 / Engagement) |
| Hero visual | The real product in the focus frame | Product in context, a flow diagram or partner proof |
| Primary action | Start free | Talk to sales · Book a demo |
| Proof | Named trader reviews, product depth, broker coverage | Case studies, integration scope, availability, support model |
| Density | Fewer words, bigger product moments | More detail, specifications and FAQs |
Keep one identity so every partner benefits from the consumer brand, and every trader recognises the product a partner gives them. Differentiate with register only: default theme, dark surface colour, section labelling, density and calls to action. Never change the logo, typeface, blues, radii or imagery rules between the two.
New sub-brands and new “Wave” names need owner approval. A possible quant-focused line discussed in August 2026 would be decided separately, most likely as an endorsed “… by TraderWaves” brand.
Four layered curves: the movement of a market and the bell curve of a distribution. It is where analytics meets motion, and the ambition to stay ahead of the curve. Use the supplied artwork exactly as it is.
Use the full logo to introduce TraderWaves. Use the wave alone only where the name is already clear: app icons, favicons, avatars, the Wave AI launcher and small signatures.

for BusinessThe descriptor is typeset in Onest Medium in secondary text colour, after a 1 px divider with half-wave clear space. It is never merged into the logo artwork, recoloured blue or used without the logo.






Also avoid: rebuilding the wordmark in Onest, repeating the wave as a pattern or decoration, placing it inside pills with other text, or centring it above a headline as ornament. The W-shaped Wave AI mark belongs to that app and is not an alternative logo.
Our palette is deliberately small. Neutrals do most of the work, blue marks what matters, and red is kept for losses. If a page feels colourful, something is wrong.
Our signature. The focus frame, the Contour, key icons and large display moments.
#1783FFRGB 23 · 131 · 255The trader's canvas. Dark theme backgrounds, matching the app.
#050711RGB 5 · 7 · 17Headlines on light. The dark register for TraderWaves for Business.
#0B163FRGB 11 · 22 · 63Cool surfaces on light pages. Room around dense detail.
#F2F6FFRGB 242 · 246 · 255The light canvas. Clarity and contrast.
#FFFFFFRGB 255 · 255 · 255Select the copy icon to copy a HEX value.
Links, icons, gains and focus rings on dark surfaces. 6.3:1 on Midnight.
#1B92FFRGB 27 · 146 · 255Primary button fill in both themes, with a white label. 4.7:1.
#1570E0RGB 21 · 112 · 224Links, icons, gains and focus rings on light surfaces. 5.6:1 on white.
#1366C4RGB 19 · 102 · 196Wave Blue is the signature, but white text on it only reaches 3.7:1. Buttons therefore use Action Blue, text links use the theme’s accent (Link Blue on light, Signal Blue on dark), and Wave Blue stays for frames, graphics and large display moments.
#1366C4 / #1B92FFPositive P&L, win rate, growth. In TraderWaves, gains are blue.
#B91C1C / #F87171Negative P&L, drawdown, sell, destructive actions.
#B45309 / #FFCC00Sync issues, limits, risk notices. Never decorative.
#26A69AChart candles and chart legends only. Not a UI or brand colour.
The app already renders positive P&L in brand blue and losses in coral red. Marketing follows the same convention: it is recognisably ours and avoids the green-casino look common in trading. Pair colour with a sign or label so meaning never depends on colour alone.
The ice-to-electric gradient lives inside the wave artwork. Outside the logo it appears only as the stroke of the Contour. Never use it for backgrounds, buttons, text or cards.
Onest carries everything from a single number to the hero line, on the website and in the app. Hierarchy comes from size, space and weight, never from a second typeface.
| Style | Size | Weight | Line height | Tracking | Use |
|---|---|---|---|---|---|
| Display | 72 / 44 | 600 | 1.02 | −0.045em | One per page. The hero proposition. |
| Heading 1 | 52 / 36 | 600 | 1.06 | −0.04em | Section openers on marketing pages. |
| Heading 2 | 36 / 28 | 600 | 1.12 | −0.03em | Chapter titles, app chapters. |
| Heading 3 | 24 / 21 | 600 | 1.25 | −0.02em | Cards, feature points, FAQ questions. |
| Lead | 20 / 18 | 400 | 1.55 | −0.01em | The sentence under a headline. |
| Body | 16 / 16 | 400 | 1.65 | 0 | Paragraphs. Never below 15 px on marketing pages. |
| Small | 14 / 14 | 400 | 1.55 | 0 | Captions, footnotes, table cells. |
| Label | 12 / 12 | 600 | 1.3 | 0.08em | Uppercase micro-labels and chips only. |
| Data | Any | 500 | 1.1 | −0.02em | Numbers. Always tabular figures. |
font-variant-numeric: tabular-nums) so columns align and values don’t jitter.These details make a page recognisably TraderWaves before anyone reads the logo. Each one comes from the product, has a job and has a limit. Overuse any of them and the page turns back into a template.
In the app, a Wave Blue ring marks the active item. On our pages, the same ring marks the one product view that matters most in a viewport.
The four curves of our wave, redrawn as thin lines with shrinking echoes. It reads as a distribution, a price wave and the logo at once, which is exactly our story.
Each app has one tile: a rounded square, a line icon in the accent colour and a plain name. On trader pages, the tile labels a section instead of a numbered eyebrow, so the page reads like the product.
Tile icons here are explanatory. Match names, icons and availability to the live catalogue, and use the supplied Wave AI mark in finished work.
Chips state a fact: a plan, a release state or market context. Data labels add the texture traders recognise: a symbol, a timeframe, a session clock.
| Signature | Use it for | Limit | Never on |
|---|---|---|---|
| Focus frame | The focal product capture; one selected option | One per viewport | Text cards, sections, logos, avatars |
| The Contour | Hero, closing band, empty states, social templates | Once per page | Behind body text; filled, animated on loop or recoloured |
| App tiles | B2C section labels, app catalogue, navigation | Where they label a real app | Invented apps, generic icon grids |
| Status and data chips | Plan, release state, market context | Only when true | Decoration, fake urgency, stacked badges |
Both themes are first-class. Dark is the trader’s workspace, focused and immersive. Light is open and welcoming. Each is designed on purpose from the same tokens, with the same hierarchy, meaning and product.
LightChoose the tools that fit how you follow markets and manage your trading.
DarkChoose the tools that fit how you follow markets and manage your trading.
| Token | Role | Light | Dark |
|---|---|---|---|
--tw-canvas | Page background | #FFFFFF | #050711 |
--tw-canvas-alt | Alternate section band | #F7F9FF | #080B17 |
--tw-surface | Card, tile, panel | #F2F6FF | #0B1020 |
--tw-surface-raised | Nested or raised panel | #FFFFFF | #111827 |
--tw-border | Default divider and card edge | #DCE3EF | #1D2331 |
--tw-border-strong | Hover edge, table header rule | #C3CEE0 | #293249 |
--tw-text-strong | Headlines and display | #0B163F | #F2F5FC |
--tw-text | Primary text and labels | #0B1220 | #D7DCEC |
--tw-text-secondary | Body copy and descriptions | #3D4A63 | #A7BEE6 |
--tw-text-muted | Captions, meta, footnotes | #5B6882 | #8492C4 |
--tw-accent | Links, icons, focus ring, gains | #1366C4 | #1B92FF |
--tw-action | Primary button fill (white label) | #1570E0 | #1570E0 |
--tw-action-hover | Primary button hover | #1366C4 | #1366C4 |
--tw-signature | Focus frame, Contour, selected edge | #1783FF | #1B92FF |
--tw-loss | Losses and destructive actions | #B91C1C | #F87171 |
--tw-warning | Warnings and limits | #B45309 | #FFCC00 |
| Surface | Default | Switch | Persistence |
|---|---|---|---|
| TraderWaves homepage and trader pages | Dark | Header toggle | Remember the visitor’s choice |
| TraderWaves for Business | Light | Header toggle | Remember the visitor’s choice |
| Brand guidelines | Dark | Header toggle | Remember the visitor’s choice |
| The app | User setting | Settings | Stored against the account |
Dark-first for traders because it is how the product looks and how most traders work. Light-first for business because it suits longer reading and procurement contexts. Both are proposals to validate with analytics after launch.
A two-option pill in the header, beside Log in. Icon plus text label, 36 px tall, keyboard operable, with aria-pressed on the active option. The choice persists across pages and visits.
data-theme on <html> before first paint with a small inline script that reads the saved choice and falls back to the page default.--tw-* variables. A raw HEX in a component is a bug.aria-pressed.filter: invert() a logo or a screenshot.Dense product, calm page. A strict grid and generous space let the product be the busiest thing on screen. Composition should vary with the content, never repeat one template down the page.
1200 px content width, 1320 px for wide product moments.
24 px on desktop, 16 px on mobile. Outer margins 24–80 px.
128 px between sections on desktop, 80 px on mobile.
Full pills are reserved for the theme and audience switches. Buttons use 10 px to match the app.
Logo, For traders / For business switch, Features, Pricing, Resources, theme toggle, Log in, Start free. Announcement bar only for a real launch.
“Your home for trading” in Display, a concrete tools-and-community lead sentence, Start free plus one secondary action, a quiet trust line and the focal capture in the focus frame, with the Contour rising behind it.
Dated, sourced numbers and permitted broker and platform logos. No floating badges.
A clear app index with distinct reasons to use Charts, Journal, Analytics and other available tools. Label Free, Pro and Coming soon accurately.
Show market exploration, a tool workflow and community participation where available. Keep a substantial free journal and analytics chapter with a descriptive feature-page link. Vary the composition.
Named reviews with markets traded and time on TraderWaves, plus the rating source.
Show a useful free workspace, the specific capabilities and capacity Pro adds, and the price. Never equate payment with skill or seriousness.
Risk, data, brokers and billing answered plainly. Then the Contour, one line and one action.
The business outcome, one line of scope, Talk to sales and Explore products. Product in context or a member-journey diagram.
Engagement, Technology and Partnerships with numbered labels and honest availability.
A flow from partner to member to workspace, with integration scope and support model.
Case studies, logos with permission and sourced numbers.
A navy panel with the contact action. The only dark band on a light page.
Marketing components borrow the app’s geometry, so moving from a page into the product feels like the same place. They render in the current theme; switch themes in the header to compare.
The For traders / For business switch is kept from the current site; it is the clearest expression of our architecture. Order: logo, audience switch, navigation, theme toggle, Log in, one primary action. On mobile, the audience switch and navigation move into the menu.
Add notes, tags and screenshots to every trade, then review them by setup.
Explore the journal16 px radius, 24–32 px padding, 1 px border. In dark, the app’s corner light; in light, a soft shadow.
For the review loop and app chapters. A 2 px accent underline marks the active tab; the capture cross-fades in 200 ms while the frame stays still. Arrow keys move between tabs.
Placeholder value. Numbers use the Data style with tabular figures, and each carries a source and a date, even in a footnote. Headline counts on the current site are listed for verification in the brief.
“Tagging by session showed me my New York trades were paying for my London mistakes.”
Illustrative. Publish only real reviews, with permission and the source of the rating.
Questions in the trader’s words. Answers start with yes or no when they can.
Real interfaces, real workflows, honest data. Our imagery should prove what the copy says. If an image could belong to any trading brand, it is the wrong image.
Movement should show what changed, where something came from or what happens next. A trader should never wait for an animation or wonder whether a number is live.
Hover, press, colour changes
Toggles, chips, tab changes
Panels, menus, accordions
One hero reveal or Contour draw, once
cubic-bezier(0.2, 0.8, 0.2, 1)cubic-bezier(0.4, 0, 0.2, 1)Honour prefers-reduced-motion: replace movement with a quick fade or none. Essential content never depends on hover or animation.
Accessibility and trust are the same promise: nobody should be misled by our design or our words. In a category full of hype, being exact is part of the brand.
| Theme | Pair | Ratio | Passes |
|---|---|---|---|
| Light | Headline #0B163F on White | 17.5:1 | AAA |
| Light | Body #3D4A63 on White | 8.9:1 | AAA |
| Light | Muted #5B6882 on Ice #F2F6FF | 5.2:1 | AA |
| Light | Link Blue #1366C4 on White | 5.6:1 | AA |
| Both | White on Action Blue #1570E0 | 4.7:1 | AA |
| Light | White on Wave Blue #1783FF | 3.7:1 | Large text only |
| Dark | Text #D7DCEC on Midnight | 14.7:1 | AAA |
| Dark | Secondary #A7BEE6 on Midnight | 10.7:1 | AAA |
| Dark | Muted #8492C4 on Raised #111827 | 5.8:1 | AA |
| Dark | Signal Blue #1B92FF on Midnight | 6.3:1 | AA |
| Dark | Loss #F87171 on Midnight | 7.3:1 | AAA |
| Dark | White on Signal Blue #1B92FF | 3.2:1 | Large text only |
Paste this into any AI design or coding tool before asking for TraderWaves work, then attach the relevant product captures. The complete brief, with rationale and examples, is available as Markdown.
You are designing or building for TraderWaves. Follow the TraderWaves Brand Guidelines, Edition 03 (traderwaves.com/brand).
WHO WE ARE
- TraderWaves brings professional trading apps and community together in one accessible platform. Independent traders are primary; include active investors where the tools support their needs. Market-agnostic.
- Brand idea: professional tools, personal choice and connection. Leading promise: "Your home for trading." Explain it with concrete capabilities and current community availability.
- Free is a useful workspace in its own right. Pro adds capabilities and capacity, not status or seriousness. Verify current packaging.
- Charts, Journal, Analytics, Backtesting and Community have distinct reasons to join. The review loop belongs to Journal and Analytics, not every platform story. Preserve the free journal acquisition route and useful search content.
- Show community through participation around markets, ideas and shared activities. Never present roadmap capabilities as live.
- We are not a broker, adviser or signal service. Never promise profit, accuracy or certainty.
VOICE
- Knowledgeable, welcoming, direct and curious. Explain the task, welcome every experience level and leave room for personality. Sentence case. British English.
- Name the task, the market and the benefit. Numerals with signs: +£618.15, −3.82%.
- Never write: unlock, supercharge, elevate, seamless, revolutionary, game-changing, empower, next-level, unleash, guaranteed, "Your X. Our Y.", triplet slogans, "Imagine...".
THEMES AND COLOUR (CSS variables, switched by [data-theme] on <html>)
- Dark (default on trader pages): canvas #050711, alt band #080B17, surface #0B1020, raised #111827, border #1D2331, strong border #293249, headline #F2F5FC, text #D7DCEC, secondary #A7BEE6, muted #8492C4, accent #1B92FF.
- Light (default on Business pages): canvas #FFFFFF, alt band #F7F9FF, surface #F2F6FF, raised #FFFFFF, border #DCE3EF, strong border #C3CEE0, headline #0B163F, text #0B1220, secondary #3D4A63, muted #5B6882, accent #1366C4.
- Primary button: fill #1570E0, white 600 label, hover #1366C4, radius 10px, height 48px.
- Signature blue for the focus frame and the Contour: #1783FF on light, #1B92FF on dark.
- Gains are blue (the accent). Losses #B91C1C light / #F87171 dark. Warning #B45309 / #FFCC00. Teal #26A69A only for up-candles in charts.
- No gradients except inside the logo and the Contour stroke (#85D9FF to #0373FF). No purple, neon green, blobs, glassmorphism or glow as decoration.
TYPE
- Onest only. Display 72/44px weight 600 (700 allowed for a hero of five words or fewer), H1 52/36, H2 36/28, H3 24/21, lead 20/18, body 16, small 14, label 12px uppercase 600 tracking 0.08em.
- Display tracking about -0.04em. Tabular figures for every number. One colour per headline; one accent word per page at most.
LAYOUT
- 12-column grid, 1200px content (1320px wide moments), 24px gutter (16px mobile), 128px between sections (80px mobile). Radius: 6 chip, 10 control, 16 card, 24 stage. No pill buttons.
- Left-align by default. Vary the composition. Never three similar sections in a row. No rows of identical icon-and-paragraph cards.
- Light elevation: 1px border + soft navy shadow. Dark elevation: surface step + 1px border, optional top-left corner light (Signal Blue at 6-9%). No drop shadows in dark.
SIGNATURES, WITH LIMITS
1. Focus frame: 2px signature-blue border, 24px radius, around the ONE focal real product capture per viewport.
2. The Contour: thin line art of the logo's four curves with shrinking echoes, large and cropped above a baseline. Once per page (hero or closing band).
3. App tiles: rounded square + line icon in the accent colour + the app's catalogue name. On trader pages they label sections instead of numbered eyebrows.
4. Chips: Free, Pro, New, Live, Coming soon, only when true. Data labels such as "EURUSD · H1" or "London · 09:02" add trader texture.
IMAGERY
- Real product captures from the current release, demo or anonymised data, losses included. Export at 2x in both themes.
- Icons: Lucide line icons, 1.75px stroke, 20-24px. One icon library per page; no filled or duotone icons.
- Never: AI-generated people, stock photos, bulls and bears, rockets, cash, tilted or 3D screenshots, floating badges over captures.
MOTION
- 120ms hover, 200ms toggles, 320ms panels, one 600-900ms hero reveal. Enter easing cubic-bezier(0.2, 0.8, 0.2, 1).
- No autoplay carousels, count-up numbers, parallax text or looping motion. Honour prefers-reduced-motion.
TRADERS VS BUSINESS
- Trader pages: dark-first, Midnight surfaces, app-tile section labels, fewer words and bigger product moments, primary action "Start free".
- Business pages: light-first, Deep Navy #0B163F emphasis panels, numbered editorial labels ("01 / Engagement"), more detail, primary action "Talk to sales".
- Same logo, typeface, blues, radii and imagery rules in both.
TRUST
- WCAG 2.2 AA in both themes. Visible 2px focus ring. Every statistic needs a source and a date. Only real reviews. Include the risk disclaimer. Label Pro and Coming soon accurately.Start from the original files. They keep our identity consistent across partner pages, presentations and anything you build with AI.
Horizontal logos, wave symbol, navy badge and usage notes.
Use these assets to identify TraderWaves accurately. Preserve the artwork, and never imply an endorsement or partnership that has not been agreed.