Sphere Partners

/dev

Numbers / stats components

Every reusable that renders big-number + label tiles, side-by-side. Use this to audit typography, color, and density across the site, and pick a canonical pattern for new pages.

NumbersSection variant="sphere" (default)

src/components/NumbersSection/index.tsx

186 live pages

4 stat tiles + blue hero card with looping video and CTA. Hardcoded sphere data: 20 Years of Excellence · 230 Delivered Projects · 200+ Senior Specialists · 94% Satisfaction Rate.

Live pages — click to audit

services·111/services/48-hours/services/advisory-strategy/services/agentic-ai/services/ai-assistant/services/ai-efficiency-for-banking-investment/services/ai-everywhere-but-dont-know-where-to-start/services/ai-for-energy-operations/services/ai-roadmap/services/ai-team-as-a-service/services/all-services/services/artificial-intelligence/services/artificial-intelligence-solutions/services/banking-and-financial-services-gen-ai/services/bridge-the-gap-between-raw-data-and-real-business-decisions/services/business-ai-assessment/services/chatgpt-consulting-landing/services/chatgpt-financial-integration-services/services/chatgpt-integration-ppc/services/chatgpt-integration-services-supply-chain/services/cloud-infrastructure/services/code-audit/services/code-audit-by-sphere/services/cto-and-vp-of-engineering-on-demand/services/custom-ai-solutions-that-actually-work/services/custom-rag-development-services/services/custom-software-engineering/services/custom-software-engineering-with-genai/services/cybersecurity-and-data-privacy-strategy/services/data-analytics/services/data-and-intelligence/services/data-and-intelligence/ai-readiness-services/services/data-engineering-services/services/data-intelligence/services/data-management/services/data-modernization/services/data-strategy-consulting/services/data-trust/services/devops-and-platform-engineering/services/devsecops/services/digital-innovation-and-ai-solutions-for-healthcare/services/driving-digital-transformation-for-healthcare/services/ev-software-engineering-services/services/expertise-on-demand/services/gen-ai-as-a-service/services/gen-ai-product-development/services/genai-services/services/govarix/services/gpt3-ai-professional-services/services/healthcare-interoperability/services/healthcare-software-engineering/services/hire-android-developers/services/hire-backend-developers/services/hire-data-engineer/services/hire-databricks-developer/services/hire-dedicated-golang-developers/services/hire-dedicated-python-developers/services/hire-fractional-cto-lp/services/hire-front-end-developers/services/hire-ios-developers/services/hire-mobile-app-developers/services/hire-net-developers/services/hire-node-js-developer/services/hire-react-js-developers/services/hire-salesforce-developer/services/hiring-optimization/services/infrastructure-migration/services/infrastructure-migration-services/services/innovation-lab/services/intelligent-automation/services/iot-consulting-services/services/is-your-ai-strategy-delivering-roi-or-just-empty-promises/services/llm/services/low-code-speed-high-quality-custom-mobile-apps-2/services/making-healthcare-data-integration-easy/services/managed-ai-services/services/martech-consulting/services/mlops/services/mobile-app-development/services/mobile-application-development/services/modernization/services/mvp-software-development/services/mvp-software-development-for-rapid-product-launch/services/netezza-to-snowflake-migration/services/netsuite-airtable-integration/services/netsuite-jira-integration/services/netsuite-microsoft-integration/services/netsuite-monday-integration/services/netsuite-salesforce-integration/services/netsuite-shopify-integration/services/netsuite-workspace-integration/services/robotic-process-automation-services/services/ruby-on-rails-developers/services/saas-alternative-ai/services/security-platform-engineering/services/smarter-ai-starts-here/services/smartsheet-netsuite-integration/services/software-product-engineering/services/solutions-advisory/services/sphere-ai-foundry/services/sphere-x-anthropic-claude/services/spheregpt-private-enterprise-ai-assistant/services/squads-as-a-service/services/staff-augmentation-ads/services/staff-augmentation-for-bfsi/services/staff-augmentation-for-financial-services/services/strategy-transformation-services/services/talent-on-demand/services/teams-as-a-service/services/tech-executive-advisory/services/technical-due-diligence/services/ux-ui-design-development
about-us·1/about-us
ai-product-engineering·1/ai-product-engineering
claude-3·1/claude-3
comply-ai·1/comply-ai
contact-it-company·1/contact-it-company
miami-ai-development·1/miami-ai-development
+ 7 unmappable usages (data / shared modules)
  • src/app/(frontend)/changelog/changelog-data.ts
  • src/app/(frontend)/design-system/_previews/component-previews.tsx
  • src/app/(frontend)/design-system/components/ComponentsClient.tsx
  • src/app/(frontend)/page.tsx
  • src/app/(frontend)/ppc/[slug]/_components/code-audit.tsx
  • src/app/(frontend)/ppc/[slug]/_components/technical-dd.tsx
  • src/app/(frontend)/services/[service]/custom-rag-development-services/page.client.tsx

Sphere in Numbers

We understand that actions speak louder than words and numbers but here are some key facts about us.

Get the Right Talent now

0

Years of Excellence

0+

Projects Delivered

0

Countries

Globally diverse, community-focused

0+

Clients

top 20 average 8+ years

NumbersSection variant="join"

src/components/NumbersSection/index.tsx

Partner / staffing-recruit copy. Hardcoded join data: 20 Years of Experience · 4.9* Clutch.co Review · 97% Client retention · 1600+ Completed Projects.

Join 300+
Satisfied Clients

0

Years of Excellence

0+

Projects Delivered

0

Countries

Globally diverse, community-focused

0+

Clients

top 20 average 8+ years

NumbersSection heroOnRight

src/components/NumbersSection/index.tsx

Mirrored layout — hero card swaps to the right on desktop. Same data.

Sphere in Numbers

We understand that actions speak louder than words and numbers but here are some key facts about us.

Get the Right Talent now

0

Years of Excellence

0+

Projects Delivered

0

Countries

Globally diverse, community-focused

0+

Clients

top 20 average 8+ years

ImpactMetrics tone='dark' (default)

src/components/ImpactMetrics/index.tsx

110 live pages

Soft gradient backdrop, 2-column grid of large italic-Lora values + descriptions. Designed for ROI / business-impact callouts. Fully data-driven.

Live pages — click to audit

services·110/services/48-hours/services/advisory-strategy/services/agentic-ai/services/ai-assistant/services/ai-efficiency-for-banking-investment/services/ai-everywhere-but-dont-know-where-to-start/services/ai-for-energy-operations/services/ai-roadmap/services/ai-team-as-a-service/services/all-services/services/artificial-intelligence/services/artificial-intelligence-solutions/services/banking-and-financial-services-gen-ai/services/bridge-the-gap-between-raw-data-and-real-business-decisions/services/business-ai-assessment/services/chatgpt-consulting-landing/services/chatgpt-financial-integration-services/services/chatgpt-integration-ppc/services/chatgpt-integration-services-supply-chain/services/cloud-infrastructure/services/code-audit/services/code-audit-by-sphere/services/cto-and-vp-of-engineering-on-demand/services/custom-ai-solutions-that-actually-work/services/custom-rag-development-services/services/custom-software-engineering/services/custom-software-engineering-with-genai/services/cybersecurity-and-data-privacy-strategy/services/data-analytics/services/data-and-intelligence/services/data-engineering-services/services/data-intelligence/services/data-management/services/data-modernization/services/data-strategy-consulting/services/data-trust/services/devops-and-platform-engineering/services/devsecops/services/digital-innovation-and-ai-solutions-for-healthcare/services/driving-digital-transformation-for-healthcare/services/ev-software-engineering-services/services/expertise-on-demand/services/gen-ai-as-a-service/services/gen-ai-product-development/services/genai-services/services/govarix/services/gpt3-ai-professional-services/services/healthcare-interoperability/services/healthcare-software-engineering/services/hire-android-developers/services/hire-backend-developers/services/hire-data-engineer/services/hire-databricks-developer/services/hire-dedicated-golang-developers/services/hire-dedicated-python-developers/services/hire-fractional-cto-lp/services/hire-front-end-developers/services/hire-ios-developers/services/hire-mobile-app-developers/services/hire-net-developers/services/hire-node-js-developer/services/hire-react-js-developers/services/hire-salesforce-developer/services/hiring-optimization/services/infrastructure-migration/services/infrastructure-migration-services/services/innovation-lab/services/intelligent-automation/services/iot-consulting-services/services/is-your-ai-strategy-delivering-roi-or-just-empty-promises/services/llm/services/low-code-speed-high-quality-custom-mobile-apps-2/services/making-healthcare-data-integration-easy/services/managed-ai-services/services/martech-consulting/services/mlops/services/mobile-app-development/services/mobile-application-development/services/modernization/services/mvp-software-development/services/mvp-software-development-for-rapid-product-launch/services/netezza-to-snowflake-migration/services/netsuite-airtable-integration/services/netsuite-jira-integration/services/netsuite-microsoft-integration/services/netsuite-monday-integration/services/netsuite-salesforce-integration/services/netsuite-shopify-integration/services/netsuite-workspace-integration/services/robotic-process-automation-services/services/ruby-on-rails-developers/services/saas-alternative-ai/services/security-platform-engineering/services/smarter-ai-starts-here/services/smartsheet-netsuite-integration/services/software-product-engineering/services/solutions-advisory/services/sphere-ai-foundry/services/sphere-x-anthropic-claude/services/spheregpt-private-enterprise-ai-assistant/services/squads-as-a-service/services/staff-augmentation-ads/services/staff-augmentation-for-bfsi/services/staff-augmentation-for-financial-services/services/strategy-transformation-services/services/talent-on-demand/services/teams-as-a-service/services/tech-executive-advisory/services/technical-due-diligence/services/ux-ui-design-development
+ 2 unmappable usages (data / shared modules)
  • src/app/(frontend)/design-system/_previews/component-previews.tsx
  • src/app/(frontend)/design-system/components/ComponentsClient.tsx

Real outcomes, real numbers

27%

Average reduction in time-to-market for product launches.

$2.1M

Median annual savings from infrastructure modernization.

3.4×

Throughput improvement on data pipelines post-migration.

94%

Of clients report measurable ROI within six months.

ImpactMetrics tone='light'

src/components/ImpactMetrics/index.tsx

Light mode — matches WP counter-row on white (manufacturing-insight pattern).

Real outcomes, real numbers

27%

Average reduction in time-to-market for product launches.

$2.1M

Median annual savings from infrastructure modernization.

3.4×

Throughput improvement on data pipelines post-migration.

94%

Of clients report measurable ROI within six months.

IntroMetricsSection stat-band mode (items have labelTop)

src/components/IntroMetricsSection/index.tsx

110 live pages

Blue % labels + bold copy in 3 columns. Anchors a service / industry page in a few key numbers near the top of the fold.

Live pages — click to audit

services·110/services/48-hours/services/advisory-strategy/services/agentic-ai/services/ai-assistant/services/ai-efficiency-for-banking-investment/services/ai-everywhere-but-dont-know-where-to-start/services/ai-for-energy-operations/services/ai-roadmap/services/ai-team-as-a-service/services/all-services/services/artificial-intelligence/services/artificial-intelligence-solutions/services/banking-and-financial-services-gen-ai/services/bridge-the-gap-between-raw-data-and-real-business-decisions/services/business-ai-assessment/services/chatgpt-consulting-landing/services/chatgpt-financial-integration-services/services/chatgpt-integration-ppc/services/chatgpt-integration-services-supply-chain/services/cloud-infrastructure/services/code-audit/services/code-audit-by-sphere/services/cto-and-vp-of-engineering-on-demand/services/custom-ai-solutions-that-actually-work/services/custom-rag-development-services/services/custom-software-engineering/services/custom-software-engineering-with-genai/services/cybersecurity-and-data-privacy-strategy/services/data-analytics/services/data-and-intelligence/services/data-engineering-services/services/data-intelligence/services/data-management/services/data-modernization/services/data-strategy-consulting/services/data-trust/services/devops-and-platform-engineering/services/devsecops/services/digital-innovation-and-ai-solutions-for-healthcare/services/driving-digital-transformation-for-healthcare/services/ev-software-engineering-services/services/expertise-on-demand/services/gen-ai-as-a-service/services/gen-ai-product-development/services/genai-services/services/govarix/services/gpt3-ai-professional-services/services/healthcare-interoperability/services/healthcare-software-engineering/services/hire-android-developers/services/hire-backend-developers/services/hire-data-engineer/services/hire-databricks-developer/services/hire-dedicated-golang-developers/services/hire-dedicated-python-developers/services/hire-fractional-cto-lp/services/hire-front-end-developers/services/hire-ios-developers/services/hire-mobile-app-developers/services/hire-net-developers/services/hire-node-js-developer/services/hire-react-js-developers/services/hire-salesforce-developer/services/hiring-optimization/services/infrastructure-migration/services/infrastructure-migration-services/services/innovation-lab/services/intelligent-automation/services/iot-consulting-services/services/is-your-ai-strategy-delivering-roi-or-just-empty-promises/services/llm/services/low-code-speed-high-quality-custom-mobile-apps-2/services/making-healthcare-data-integration-easy/services/managed-ai-services/services/martech-consulting/services/mlops/services/mobile-app-development/services/mobile-application-development/services/modernization/services/mvp-software-development/services/mvp-software-development-for-rapid-product-launch/services/netezza-to-snowflake-migration/services/netsuite-airtable-integration/services/netsuite-jira-integration/services/netsuite-microsoft-integration/services/netsuite-monday-integration/services/netsuite-salesforce-integration/services/netsuite-shopify-integration/services/netsuite-workspace-integration/services/robotic-process-automation-services/services/ruby-on-rails-developers/services/saas-alternative-ai/services/security-platform-engineering/services/smarter-ai-starts-here/services/smartsheet-netsuite-integration/services/software-product-engineering/services/solutions-advisory/services/sphere-ai-foundry/services/sphere-x-anthropic-claude/services/spheregpt-private-enterprise-ai-assistant/services/squads-as-a-service/services/staff-augmentation-ads/services/staff-augmentation-for-bfsi/services/staff-augmentation-for-financial-services/services/strategy-transformation-services/services/talent-on-demand/services/teams-as-a-service/services/tech-executive-advisory/services/technical-due-diligence/services/ux-ui-design-development

Why teams pick Sphere

A data-driven engagement model that ties our work to outcomes you can measure — not slides, not handoffs.

20+ years building enterprise software across regulated industries.

450+ specialists, with senior leads on every engagement.

94% satisfaction across the last 200 closed projects.

ReferralEarningsSection interactive slider

src/components/ReferralEarningsSection/index.tsx

1 live page

Slider → big $$$ tiles (Y1 5% / Y2 4%). One-off — only used on /about-us/referral-program. Visual style diverges from the other stat components (sans-serif black numbers, no italic Lora).

Live pages — click to audit

See what one introduction could earn you.

Estimated deal size

$200,000

$1M+

Ambassadors5% Commission

Your total commission

$10,000

Ambassadors · 5% per referral

SolutionHero with metrics prop

src/components/SolutionHero/index.tsx

143 live pages

Dark hero with optional 3-4 stair-stepped metric cards in the right column (italic-Lora values, 22-32px). The metric typography is shared with ServiceHero's metrics prop.

Live pages — click to audit

services·111/services/48-hours/services/advisory-strategy/services/agentic-ai/services/ai-assistant/services/ai-efficiency-for-banking-investment/services/ai-everywhere-but-dont-know-where-to-start/services/ai-for-energy-operations/services/ai-roadmap/services/ai-team-as-a-service/services/all-services/services/artificial-intelligence/services/artificial-intelligence-solutions/services/banking-and-financial-services-gen-ai/services/bridge-the-gap-between-raw-data-and-real-business-decisions/services/business-ai-assessment/services/chatgpt-consulting-landing/services/chatgpt-financial-integration-services/services/chatgpt-integration-ppc/services/chatgpt-integration-services-supply-chain/services/cloud-infrastructure/services/code-audit/services/code-audit-by-sphere/services/cto-and-vp-of-engineering-on-demand/services/custom-ai-solutions-that-actually-work/services/custom-rag-development-services/services/custom-software-engineering/services/custom-software-engineering-with-genai/services/cybersecurity-and-data-privacy-strategy/services/data-analytics/services/data-and-intelligence/services/data-and-intelligence/ai-readiness-services/services/data-engineering-services/services/data-intelligence/services/data-management/services/data-modernization/services/data-strategy-consulting/services/data-trust/services/devops-and-platform-engineering/services/devsecops/services/digital-innovation-and-ai-solutions-for-healthcare/services/driving-digital-transformation-for-healthcare/services/ev-software-engineering-services/services/expertise-on-demand/services/gen-ai-as-a-service/services/gen-ai-product-development/services/genai-services/services/govarix/services/gpt3-ai-professional-services/services/healthcare-interoperability/services/healthcare-software-engineering/services/hire-android-developers/services/hire-backend-developers/services/hire-data-engineer/services/hire-databricks-developer/services/hire-dedicated-golang-developers/services/hire-dedicated-python-developers/services/hire-fractional-cto-lp/services/hire-front-end-developers/services/hire-ios-developers/services/hire-mobile-app-developers/services/hire-net-developers/services/hire-node-js-developer/services/hire-react-js-developers/services/hire-salesforce-developer/services/hiring-optimization/services/infrastructure-migration/services/infrastructure-migration-services/services/innovation-lab/services/intelligent-automation/services/iot-consulting-services/services/is-your-ai-strategy-delivering-roi-or-just-empty-promises/services/llm/services/low-code-speed-high-quality-custom-mobile-apps-2/services/making-healthcare-data-integration-easy/services/managed-ai-services/services/martech-consulting/services/mlops/services/mobile-app-development/services/mobile-application-development/services/modernization/services/mvp-software-development/services/mvp-software-development-for-rapid-product-launch/services/netezza-to-snowflake-migration/services/netsuite-airtable-integration/services/netsuite-jira-integration/services/netsuite-microsoft-integration/services/netsuite-monday-integration/services/netsuite-salesforce-integration/services/netsuite-shopify-integration/services/netsuite-workspace-integration/services/robotic-process-automation-services/services/ruby-on-rails-developers/services/saas-alternative-ai/services/security-platform-engineering/services/smarter-ai-starts-here/services/smartsheet-netsuite-integration/services/software-product-engineering/services/solutions-advisory/services/sphere-ai-foundry/services/sphere-x-anthropic-claude/services/spheregpt-private-enterprise-ai-assistant/services/squads-as-a-service/services/staff-augmentation-ads/services/staff-augmentation-for-bfsi/services/staff-augmentation-for-financial-services/services/strategy-transformation-services/services/talent-on-demand/services/teams-as-a-service/services/tech-executive-advisory/services/technical-due-diligence/services/ux-ui-design-development
+ 1 unmappable usage (data / shared modules)
  • src/app/(frontend)/changelog/changelog-data.ts

AI systems that actually ship.

Production-grade AI engineering — from data plumbing to model serving — delivered by senior teams that own the metric.

20+Years in business
450+Specialists
94%Satisfaction
600+Projects shipped

ServiceHero (metrics prop)

src/components/ServiceHero/index.tsx

Same metric-card pattern as SolutionHero (stair-stepped on desktop, 2-col grid on mobile). Adds an optional iconSrc per metric. Not previewed standalone — only makes sense embedded in a full hero. See live examples on service detail pages.

Live pages — click to audit

services·110/services/48-hours/services/advisory-strategy/services/agentic-ai/services/ai-assistant/services/ai-efficiency-for-banking-investment/services/ai-everywhere-but-dont-know-where-to-start/services/ai-for-energy-operations/services/ai-roadmap/services/ai-team-as-a-service/services/all-services/services/artificial-intelligence/services/artificial-intelligence-solutions/services/banking-and-financial-services-gen-ai/services/bridge-the-gap-between-raw-data-and-real-business-decisions/services/business-ai-assessment/services/chatgpt-consulting-landing/services/chatgpt-financial-integration-services/services/chatgpt-integration-ppc/services/chatgpt-integration-services-supply-chain/services/cloud-infrastructure/services/code-audit/services/code-audit-by-sphere/services/cto-and-vp-of-engineering-on-demand/services/custom-ai-solutions-that-actually-work/services/custom-rag-development-services/services/custom-software-engineering/services/custom-software-engineering-with-genai/services/cybersecurity-and-data-privacy-strategy/services/data-analytics/services/data-and-intelligence/services/data-engineering-services/services/data-intelligence/services/data-management/services/data-modernization/services/data-strategy-consulting/services/data-trust/services/devops-and-platform-engineering/services/devsecops/services/digital-innovation-and-ai-solutions-for-healthcare/services/driving-digital-transformation-for-healthcare/services/ev-software-engineering-services/services/expertise-on-demand/services/gen-ai-as-a-service/services/gen-ai-product-development/services/genai-services/services/govarix/services/gpt3-ai-professional-services/services/healthcare-interoperability/services/healthcare-software-engineering/services/hire-android-developers/services/hire-backend-developers/services/hire-data-engineer/services/hire-databricks-developer/services/hire-dedicated-golang-developers/services/hire-dedicated-python-developers/services/hire-fractional-cto-lp/services/hire-front-end-developers/services/hire-ios-developers/services/hire-mobile-app-developers/services/hire-net-developers/services/hire-node-js-developer/services/hire-react-js-developers/services/hire-salesforce-developer/services/hiring-optimization/services/infrastructure-migration/services/infrastructure-migration-services/services/innovation-lab/services/intelligent-automation/services/iot-consulting-services/services/is-your-ai-strategy-delivering-roi-or-just-empty-promises/services/llm/services/low-code-speed-high-quality-custom-mobile-apps-2/services/making-healthcare-data-integration-easy/services/managed-ai-services/services/martech-consulting/services/mlops/services/mobile-app-development/services/mobile-application-development/services/modernization/services/mvp-software-development/services/mvp-software-development-for-rapid-product-launch/services/netezza-to-snowflake-migration/services/netsuite-airtable-integration/services/netsuite-jira-integration/services/netsuite-microsoft-integration/services/netsuite-monday-integration/services/netsuite-salesforce-integration/services/netsuite-shopify-integration/services/netsuite-workspace-integration/services/robotic-process-automation-services/services/ruby-on-rails-developers/services/saas-alternative-ai/services/security-platform-engineering/services/smarter-ai-starts-here/services/smartsheet-netsuite-integration/services/software-product-engineering/services/solutions-advisory/services/sphere-ai-foundry/services/sphere-x-anthropic-claude/services/spheregpt-private-enterprise-ai-assistant/services/squads-as-a-service/services/staff-augmentation-ads/services/staff-augmentation-for-bfsi/services/staff-augmentation-for-financial-services/services/strategy-transformation-services/services/talent-on-demand/services/teams-as-a-service/services/tech-executive-advisory/services/technical-due-diligence/services/ux-ui-design-development
+ 3 unmappable usages (data / shared modules)
  • src/app/(frontend)/changelog/changelog-data.ts
  • src/app/(frontend)/design-system/_previews/component-previews.tsx
  • src/app/(frontend)/design-system/components/ComponentsClient.tsx

Consistency observations

  • Two distinct typographic families for big numbers: NumbersSection uses sans-serif black ("20" / "230"), while ImpactMetrics + IntroMetricsSection + Service/SolutionHero metrics use italic Lora. ReferralEarningsSection is a third style (sans-serif black, larger, no Lora).
  • Data sources diverge. NumbersSection has hardcoded sphere/join arrays; about-us page used to expose `COMPANY_FACTS` (450+ specialists / 600+ projects) which contradicts NumbersSection's defaults (200+ / 230). Pick one set of numbers and have every stat component read from a single source of truth in src/data/about.ts.
  • NumbersSection hero card is opinionated(blue background + autoplay video + CTA) — it can't be used purely as a 4-stat row. Consider a `noHero` variant so we can drop it onto pages that don't want the hero card.