Internal · dev preview

Surface illustration patterns

The visual language used for every surface section on graph8 role pages. Each pattern collapses 5-10 related product surfaces into one designed, functional illustration. Use this page side-by-side with /roles/sales-team for the cohesion check.

1 · DataTable mrr-table · visitor-table · leaderboard-table · agent-roster · marketplace-table · trial-table · customer-table
Customer book · MRR
Filter Add
Customer MRR Plan Status
T Tesla $48,000Enterprise Active
N Nvidia $32,000Enterprise Active
S Stripe $24,000Growth Active
O OpenAI $18,500Growth Trial
A Anthropic $12,500Pro Active
S Snowflake $8,000Pro Active
F Figma $499Pro Past due
7 of 8 shown
1 2
2 · Flow sequence-builder · sequencer-detail · forms-routing · connections-live · integrations-mapping · onboarding-kanban · campaign-wizard · ads-wizard
ENTERPRISE_GTM_TOOLING — sequence
Running
Step 1 Done
Email Cold intro
Sent 4,200
Replied 84
Step 2 Done
LinkedIn Follow-up
Sent 3,860
Replied 62
Step 3 Live
Call Warm dial
Sent 3,400
Replied 21
Step 4 Queued
Email Closing pitch
Sent 2,890
Replied 47
4 of 5 steps - last run 2h ago
Stats Clone
3 · Console deal-detail · quote-detail · dialer-console · agent-detail · field-mapping · function-editor · pipeline-config · snippet-install · mcp-config · account-health
Dialer / Live Live call · auto-logged
JH
Jensen Huang - CEO
Nvidia · $32,000 · Eval
04:12
Deal
$32,000
Close
Jun 15
Stage
Eval
Transcript Auto-summary on
Jensen Tell me how this compares to what we use today.
You Same outbound surface — one platform instead of five.
Jensen What's the lift for an SDR team of 12?
Drop VM Transfer Note End
Connected Decision-maker Auto-logged to deal
4 · Dashboard reports-dashboard · reports-grid · exec-dashboard · attribution-dashboard · content-analytics · cogs-tiers · analytics-cac · analytics-funnel · trial-health
This week · GTM rollup
All 7d 30d QTD
Pipeline value
$148,500
↑ +12%
Open deals
8
↑ +2
Past close
3
↑ +1
Avg deal
$24,750
↓ -4%
Last 7 days · meetings booked 88
Live - updated 4 min ago Export
5 · Chat (demo) agent-demo · twin-voicemail
Ask graph8
Online
Recent
Pipeline summarynow
Tesla close plan2h
Renewal riskMon
Best 3 leadsFri
TC

How many deals are in my pipeline and what's the total value?

9:42 AMRead

8 open deals with a total pipeline value of $148,500.

DealStageAmount
Tesla · Q3 ExpansionEval$48,000
Nvidia · GTM StandardizeEval$32,000
Stripe · Platform RolloutDemo$24,000
OpenAI · Pilot ExpandDemo$18,500
Tesla ($48,000) is your largest deal and closes Jun 30. Want a closing-week brief?
9:42 AMgraph8
TC
Ask anything - try "show open deals over $20k"
Send
5b · Chat (threads) inbox-bridges
ENTERPRISE_GTM_TOOLING — sequence
4replies, 2 interested
E(
built for teams that move fast
Interested
Elon (Tesla)

Send me a 1-pager, happy to route to ops.

PC
API-first GTM platform — quick look?
Interested
Patrick Collison (Stripe)

Open to a 20 — Tues afternoon any good?

D(
out of office until Jun 14
OOO
Dario (Anthropic)

Reach out again the week of the 17th.

J(
not the right fit for us right now
Not interested
Jensen (Nvidia)

Already standardized on internal tooling.

4of12threads, sorted by replyFilter
6 · CardGrid studio-global · brand-kit · landing-page-list · landing-page-editor · campaign-studio · studio-workbench · systems-config
Studio · brand & assets
See all
Brand kit Colors · type · logos
Ready
Voice & tone Style guide · examples
Ready
ICPs 3 segments · scored
Ready
Personas 8 of 12 · in review
Drafting
Messaging Value props · proof
Ready
Landing pages Demo · trial · expand
3 live
6 of 12 shown - updated 5m ago
1 2
7 · Kanban pipeline-kanban · bridge-funnel · sequence-portfolio
Pipeline · 14 deals · $148,500
Stage Add deal
Disco 4
Std
Anthropic $12,500 · May 31
At risk
Snowflake $8,000 · TBD
Demo 3
Std
OpenAI $18,500 · Jul 12
Mid
Stripe $24,000 · Jul 5
Eval 5
High
Tesla $48,000 · Jun 30
High
Nvidia $32,000 · Jun 15
Closing 2
High
Linear $6,000 · Jun 7
14 deals across 4 stages
Pipeline $148,500
8 · Timeline signal-feed · hiring-signals · team-activity · activity-feed · agent-monitoring · agent-skills · agent-activity
Signal feed
All Intent Hiring Activity Live
2 hours ago - Intent
Tesla visited /pricing 3 times in the last hour Add to sequence
Yesterday - Hiring
Nvidia posted 3 new SDR roles Send congrats
2 days ago - Intent
Stripe visited /credits and /api-keys
3 days ago - Activity
OpenAI accepted quote Q-2026-0042 ($18,500)
5 days ago - Agent
Agent drafted 28 follow-ups · 24 sent · 4 in review
Showing last 24h - 5 signals View all
9 · LaunchTracker (launch) signal-feed · hiring-signals · team-activity · activity-feed · agent-monitoring · agent-skills · agent-activity
Q2 Enterprise Expansion
Live
Signal 42 in-market
Build ICP + assets
Engage 1,240 sent
4 Converse 38 replies
5 Book 9 meetings
6 Pipeline $184K
7 Quote Q-2026-0044
8 Customer
9 Learn
Replies 38
Meetings 9
Pipeline $184K
Signal to Cash · learns every outcome View launch
9b · LaunchTracker (buyer graph) buyer-graph-header
Tesla
Live
Te
Tesla one record · every surface sees it
42 Signals
38 Conversations
3 Launches
5 Deals
2 Customers
One buyer graph · shared by every agent Open record
10 · Fallback any unknown mockType — renders features list

What this surface does

  • Real-time view of activity
  • Inline actions on every record
  • Auto-logged to the right place
  • Searchable, filterable, exportable
/app/example-surface
Robustness · all patterns with empty mockData Each must render the built-in defaults without errors.
Customer book - MRR
Filter Add
Customer MRR Plan Status
T Tesla $48,000Enterprise Active
N Nvidia $32,000Enterprise Active
S Stripe $24,000Growth Active
O OpenAI $18,500Growth Trial
A Anthropic $12,500Pro Active
F Figma $499Pro Past due
6 of 8 shown
1 2
ENTERPRISE_GTM_TOOLING - sequence
Running
Step 1 Done
Email Cold intro
Sent 4,200
Replied 84
Step 2 Done
LinkedIn Follow-up
Sent 3,860
Replied 62
Step 3 Live
Call Warm dial
Sent 3,400
Replied 21
Step 4 Queued
Email Closing pitch
Sent 2,890
Replied 47
4 of 5 steps - last run 2h ago
Stats Clone
Dialer / Live Live call - auto-logged
JH
Jensen Huang - CEO
Nvidia - $32,000 - Eval
04:12
Deal
$32,000
Close
Jun 15
Stage
Eval
Transcript Auto-summary on
Jensen Tell me how this compares to what we use today.
You Same outbound surface - but one platform instead of five.
Jensen What's the lift for an SDR team of 12?
Drop VM Transfer Note End
Connected Decision-maker Auto-logged to deal
This week - GTM rollup
All 7d 30d QTD
Pipeline value
$148,500
↑ +12%
Open deals
8
↑ +2
Past close
3
↑ +1
Avg deal
$24,750
↓ -4%
Last 7 days - meetings booked 88
Live - updated 4 min ago Export
Ask graph8
Online
Recent
Pipeline summarynow
Tesla close plan2h
Renewal riskMon
Best 3 leadsFri
TC

How many deals are in my pipeline and what's the total value?

9:42 AMRead

8 open deals with a total pipeline value of $148,500.

DealStageAmount
Tesla - Q3 ExpansionEval$48,000
Nvidia - GTM StandardizeEval$32,000
Stripe - Platform RolloutDemo$24,000
OpenAI - Pilot ExpandDemo$18,500
Tesla ($48,000) is your largest deal and closes Jun 30. Want a closing-week brief?
9:42 AMgraph8
TC
Ask anything - try "show open deals over $20k"
Send
ENTERPRISE_GTM_TOOLING - sequence
4replies, 2 interested
E(
built for teams that move fast
2hInterested
Elon (Tesla)

Send me a 1-pager - happy to route to ops.

PC
API-first GTM platform - quick look?
4hInterested
Patrick Collison (Stripe)

Open to a 20 - Tues afternoon any good?

D(
out of office until Jun 14
1dOOO
Dario (Anthropic)

Reach out again the week of the 17th.

J(
not the right fit for us right now
2dNot interested
Jensen (Nvidia)

Already standardized on internal tooling.

4of12threads, sorted by replyFilter
Studio - brand & assets
See all
Brand kit Colors - type - logos
Ready
Voice & tone Style guide - examples
Ready
ICPs 3 segments - scored
Ready
Personas 8 of 12 - in review
Drafting
Messaging Value props - proof
Ready
Landing pages Demo - trial - expand
3 live
6 of 12 shown - updated 5m ago
1 2
Pipeline - 14 deals - $148,500
Stage Add deal
Disco 4
$20,500
Std TC
Anthropic $12,500 - May 31
At risk AB
Snowflake $8,000 - TBD
Demo 3
$42,500
Std TC
OpenAI $18,500 - Jul 12
Mid MK
Stripe $24,000 - Jul 5
Eval 5
$80,000
High TC
Tesla $48,000 - Jun 30
High AB
Nvidia $32,000 - Jun 15
Closing 2
$6,000
High MK
Linear $6,000 - Jun 7
14 deals across 4 stages
Pipeline $148,500
Signal feed
All Intent Hiring Activity Live
2h ago - Intent
Tesla visited /pricing 3 times in the last hour Add to sequence
Yesterday - Hiring
Nvidia posted 3 new SDR roles Send congrats
2d ago - Intent
Stripe visited /credits and /api-keys
3d ago - Activity
OpenAI accepted quote Q-2026-0042 ($18,500)
5d ago - Agent
Agent drafted 28 follow-ups - 24 sent - 4 review
Showing last 24h - 5 signals View all
Q2 Enterprise Expansion
Live
Signal 42 in-market
Build ICP + assets
Engage 1,240 sent
4 Converse 38 replies
5 Book 9 meetings
6 Pipeline $184K
7 Quote Q-2026-0044
8 Customer
9 Learn
Replies 38
Meetings 9
Pipeline $184K
Signal to Cash · learns every outcome View launch
Tesla
Live
Te
Tesla one record · every surface sees it
42 Signals
38 Conversations
3 Launches
5 Deals
2 Customers
One buyer graph · shared by every agent Open record

What this surface does

  • Real-time view of activity
  • Inline actions on every record
  • Auto-logged to the right place
  • Searchable, filterable, exportable

Cohesion check

Open this page next to the existing role page and compare card surfaces, typography, and brand-color usage.

Open /roles/sales-team