Alphabots
Video · Light
Design System Inspiration
Alphablock — extracted via DESIGN.md
Fintech · Algorithmic trading
Typography
Source Sans Pro
Heading
Arial
Body
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
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."