\DESIGNSORCERY>_

OpenGamma | Derivatives Margin Analytics

Video · Light

Design System Inspiration

Opengamma — extracted via DESIGN.md

Fintech · Derivatives margin analytics

corporate dark-theme clean data-heavy elegant sticky navigation dark mode toggle card-based layout scroll-triggered animations

Typography

Banana Grotesk

Heading

Aa Aa Aa Aa

Space Mono

Body

Aa Aa Aa Aa

Color palette

TL;DR

Opengamma utilizes a high-contrast "Dark Mode" foundation for its primary identity, transitioning between deep navy surfaces (#091936) and stark white canvases (#ffffff). The system is punctuated by a high-voltage primary cyan (#51d3f1) used for core calls-to-action and a secondary vermillion accent (#ef4e2e) reserved for highlighting key financial terminology. Typography is strictly geometric, leveraging Banana Grotesk across a wide range of weights (200-600) to establish a technical, institutional hierarchy. Layouts are spacious, often utilizing 130px vertical rhythms and generous 25px corner radii for elevated panels.

Target audience

The target audience consists of financial professionals and leading firms in derivatives markets seeking advanced analytics and capital efficiency solutions.

Full tech stack

Gatsby Google Tag Manager React Webpack

Analytics

Google Tag Manager

Meta description

Join the leading firms using OpenGamma's derivatives margin analytics to improve their capital efficiency.

Brand Voice

Authoritative, institutional, and highly efficient.

Positioning

OpenGamma is the new standard in cash and collateral management for derivatives users. It provides enterprise-wide margin and capital efficiency tools for leading financial firms, hedge funds, and commodity trading firms.

Voice principles

  • Imperative: Uses strong command verbs to signal action and results.
  • Institutional: Maintains a professional, high-finance tone that prioritizes stability and expertise.
  • Precise: Focuses on specific financial outcomes like liquidity, capital, and margin.
  • Efficient: Uses short, punchy sentences that mirror the speed and optimization of the software.

More SaaS Designs

← Back to Gallery