\DESIGNSORCERY>_

Alphabots

Video · Light

Design System Inspiration

Alphablock — extracted via DESIGN.md

Fintech · Algorithmic trading

dark-theme typographic clean data-heavy animated futuristic dark mode toggle scroll-triggered animations data visualization charts card-based layout

Typography

Source Sans Pro

Heading

Aa Aa Aa Aa

Arial

Body

Aa Aa Aa Aa

Color palette

TL;DR

Alphablock utilizes a "monochrome-plus-one" strategy, where a deep near-black canvas `#151515` (rendered as `#242626` in some surfaces) provides a high-contrast foundation for white text and mint-green `#6ae1ac` interactive elements. The system relies heavily on sharp `0px` corners for layout containers, contrasted by soft `3996px` pill geometry for secondary cards and specific buttons. Typography is dominated by **Montserrat** for structural headings and **Source Sans Pro** for high-legibility body content, often utilizing generous letter-spacing (up to `7.2px`) for a technical, spaced-out aesthetic. Primary CTAs are solid mint blocks, while secondary actions use thin 1px or 2px borders.

Target audience

The site targets investors and individuals interested in algorithmic trading and financial technology, presenting complex data in an accessible and engaging manner.

Full tech stack

Stripe

Meta description

AlphaBlock, where machines beat the market.

Brand Voice

Intellectual, disruptive, and clinical, Alphablock sounds like a high-level thesis on the future of algorithmic finance.

Positioning

Alphablock is an AI-driven investment technology firm providing smart beta models and indices. It targets sophisticated investors by positioning machine-led innovation as the solution to the systemic failures of traditional asset management.

Voice principles

  • Provocative: Challenges industry norms and "feel-good" labels with blunt, contrarian observations.
  • Analytical: Uses technical, academic, and systemic language to describe market behaviors and models.
  • Declarative: Employs short, definitive statements that present machine superiority as an objective fact.
  • Visionary: Frames financial products within larger historical or psychological contexts like "The Conceptual Age."

More SaaS/Software Product Designs

← Back to Gallery