Better Design
Back to library

Financial Datasets

B2B · YC Summer 2026

Visit website

Automated design study · partial homepage

Light, left-aligned split product story with soft geometry and image-led proof.

Financial Datasets | Stock Market API for AI Agents opens with “Connect your agent to the stock market” in a left-aligned split hero.
Evidence & method · 3 capture notes
Source
https://www.financialdatasets.ai/
Captured
2026-09-08
Extractor
2.5.0
Evidence
hero, middle, closing, mobile
  • Automated interpretation; editorial review is pending.
  • Partial inspection: CSS requests jetbrains mono, but those font faces were unavailable in the closing frame. Screenshots show browser fallback; font tokens describe declared families, not verified glyph faces.
  • Animated or layered text alternatives were detected; the analysis records the most visually prominent state at capture.
  • The hero heading was read from semantic heading markup.
  • 6 responsive breakpoint declarations were inspectable.
  • 3 stylesheets were inspectable; 0 cross-origin stylesheets were unavailable to rule inspection.
  • Computed styles describe the captured render; source design tokens and proprietary font files were not copied.

Captured screens

2026-09-08 · source viewport 1600 × 1000

Financial Datasets hero homepage design evidence. Hero viewport evidence; animated text state captured.
Hero1600 × 1000
Financial Datasets mid-page homepage design evidence. Mid-page viewport evidence; animated text state captured.
Mid-page1600 × 1000
Financial Datasets closing homepage design evidence. Closing viewport evidence; animated text state captured.
Closing1600 × 1000
Financial Datasets mobile homepage design evidence. Mobile viewport evidence; animated text state captured.
Mobile390 × 844

System overview

Hero
split · left
Surface
light
Density
sparse
Content width
584px
Confidence
low
Primary action
Get API key

Color system

Light surfaces use 8 repeated semantic colors; the primary action carries the strongest interactive emphasis.

Canvas

Page canvas

Dominant rendered page background.
Surface 1

Surface

Repeated container or section fill; relative occurrence score 124.
Surface 2

Surface

Repeated container or section fill; relative occurrence score 8.
Surface 3

Surface

Repeated container or section fill; relative occurrence score 8.
Primary text

Primary text

Observed display foreground with 14.3:1 contrast against the captured canvas.
Secondary text

Secondary text

Observed reading foreground; measured canvas-reference contrast is 4.1:1.
Action

Primary action

Fill used by the dominant first-viewport action.
Border

Border and divider

Most repeated inspectable border color.

Typography

The observed type system assigns Inter to display, heading, body text; Ui Monospace to label text.

Metric previews use the observed CSS values. Source font files are not bundled, so unavailable families fall back locally.
display

Connect your agent to the stock market

Inter · 64px/67.84px · weight 600 · tracking -1.92px · color rgb(38, 37, 30)
heading

Institutional-grade market data for AI

Inter · 24px/32px · weight 600 · tracking -0.6px · color rgb(38, 37, 30)
body

Every value is verified against the underlying SEC filing, earnings release, or press release. We…

Inter · 14px/22.75px · weight 400 · tracking 0px · color rgba(38, 37, 30, 0.600)
label

HUMAN

Ui Monospace · 11px/16.5px · weight 400 · tracking 1.1px · color rgb(38, 37, 30)

Spacing & shape

Spacing

Base unit
4px
Section gap
32px
Container
16px
8px12px16px32px24px6px4px2px64px20px

Shape

Soft geometry is the dominant shape voice. Elevation is selectively reinforced with shadow.

Buttons
8px
Containers
6px
Cards
10px
Pills
9999px
Media
3px
Inputs
0px
Inspect borders & shadows · 4
Borders
1px solid rgb(212, 212, 212)1px solid rgb(38, 37, 30)1px solid transparent
Shadows
rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px

Component grammar

Token-based examples, not original components. Source fonts may fall back locally.

Hero

Opening proposition

1 observed

Split, left-aligned opening anchored by “Get API key”.

Inspect 4 properties
Pattern
split
Alignment
left
Heading
Inter · 64px / 600
Media
image-led

Navigation

Global wayfinding

1 observed

Static navigation with 6 visible actions in the desktop opening.

Inspect 7 properties
Text
#26251e
Border
none
Radius
0px
Padding
0px 0px 0px 0px
Type
Inter · 16px / 400
Position
absolute
Height
20px

Primary action

Conversion

1 observed

“Get API key” is the strongest first-viewport action by semantic intent and visual contrast.

Get API key
Inspect 6 properties
Background
#14120b
Text
#f7f7f4
Border
1px solid transparent
Radius
8px
Padding
0px 32px 0px 32px
Type
Inter · 14px / 500

Content card

Repeated content module

3 observed

3 style-matched content card instances were found among 7 candidates; properties describe the dominant observed cluster.

Example content
Inspect 7 properties
Background
#f2f1ed
Text
#26251e
Border
none
Radius
10px
Padding
0px 0px 0px 0px
Type
Inter · 16px / 400
Candidate pool
7

Form control

Input and selection

1 observed

1 style-matched form control instance was found among 1 candidates; properties describe the dominant observed cluster.

Example input
Inspect 6 properties
Text
#24292e
Border
none
Radius
0px
Padding
16px 16px 16px 16px
Type
JetBrains Mono · 12px / 400
Candidate pool
1

Media frame

Visual proof

2 observed

2 style-matched media elements were found among 4 rendered candidates; fill fitting and 0px are the most repeated treatments.

Inspect 4 properties
Fit
fill
Ratios
1.00, 6.88
Radius
0px, 3px
Candidate pool
4

Footer

Closing navigation

1 observed

6 visible actions close the page on a transparent surface.

Inspect 6 properties
Text
#26251e
Border
none
Radius
0px
Padding
32px 32px 64px 32px
Type
Inter · 16px / 400
Links
6

Layout & narrative

The homepage continues through 8 observed sections, moving from the opening proposition into Institutional-grade market data for AI, Search across thousands of stocks and assets, Single source of truth.

Structure
Split product narrative
Hero pattern
Split hero: message and proof share the first viewport
Grid
4 columns
Closing
Utility footer with 6 actions
Full section sequence · 8
  1. Institutional-grade market data for AI
  2. Search across thousands of stocks and assets
  3. Single source of truth
  4. Institutional-grade market data
  5. Clean and effortless APIs
  6. Start building today
  7. Analyze deep real-time and historical datasets
  8. Extract precise context from filings

Imagery, motion & responsive

Imagery

Image led media acts as the page’s primary visual proof rather than decoration.

fill fitting · square-edged frames
Inspect imagery inventory
Composition
Multiple visual elements share the first viewport.
Inventory
4 images/canvas elements and 0 videos across the analyzed homepage.

Motion

11 declared keyframes and 6 active animations were inspectable at capture; observed timing uses 0.2s, 0.3s, 0.5s.

Reduced-motion rules detected
Inspect motion inventory
Libraries
CSS / browser-native or bundled source not identifiable
Keyframes
accordion-down, accordion-up, fadeIn, heroEnter, heroEnterRise, rowEnter, gradient, float, floatReverse, pulse, spin
Durations
0.2s, 0.3s, 0.5s, 0.15s, 15s
Easings
ease, linear, ease, ease
States
transition-all, hover, focus, disabled, active

Mobile

Desktop navigation reduces from 6 visible actions to 2. Hero alignment changes from left to center; mobile heading size is 36px.

1 multi-column content region remains on mobile.
Inspect responsive test
Viewport
390 × 844
Overflow
No horizontal overflow detected

Reproduction guidance

Do

  • Pair the observed #f7f7f4 canvas with #26251e primary copy before adding secondary surfaces.
  • Use Inter at 64px/67.84px, weight 600, for the primary display moment.
  • Reserve the strongest first-viewport contrast for “Get API key” within the left-aligned split hero.
  • Image led media acts as the page’s primary visual proof rather than decoration.

Don’t

  • Do not mix in arbitrary radii; 8px is the repeated treatment on buttons.
  • Do not reuse the #14120b action color across decorative elements; keep its interactive emphasis selective.
  • Do not introduce extra type families beyond Inter and Ui Monospace.
  • Do not copy transition-all declarations; keep only purposeful transform or opacity motion.