Typography
scale ratio 1.283- Helveticacss: Interbody400 60068%
- Dentondisplay30026%
- Invest Proother4007%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Denton | 80px | 300 | 1 | 0em |
| headline | Denton | 48px | 300 | 1.125 | 0em |
| title | Invest Pro | 24px | 400 | 1.167 | 0em |
| body | Helvetica | 14px | 400 | 1.42 | 0em |
| body-sm | Helvetica | 12px | 400 | 1 | 0em |
Type scale
Aa12Aa14Aa16Aa20Aa24Aa32Aa48Aa52Aa80
- Body size
- 14px / 1.42
- Display size
- 80px
- Display tracking
- 0em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 21.00:1
- Muted on bg
- 5.77:1
- Accent on bg
- 10.82:1
- Dark mode
- none
Declared accent tokens
- --blue-brand#00379Apainted
Space, shape & depth
Spacing scale
- 6
- 8
- 9
- 12
- 14
- 16
- 18
- 20
- 24
- 32
- 40
- 48
- 56
Corner radii
46816pill
Shadows (1)
- Borders
- hairline, 1px
- Section padding
- 123px
Components
exact computed valuesbutton-primary
Sign up
- backgroundColor
- #000000
- textColor
- #FFFFFF
- rounded
- 9999px
- padding
- 0px 16px
- height
- 42px
- fontFamily
- Invest Pro
- fontSize
- 14px
- fontWeight
- 400
- border
- 1px solid #FFFFFF
button-secondary
Log in
- textColor
- #000000
- rounded
- 9999px
- padding
- 0px 16px
- height
- 42px
- fontFamily
- Invest Pro
- fontSize
- 14px
- fontWeight
- 400
- border
- 1px solid #DCE2EA
card
- rounded
- 16px
- padding
- 0px
- backgroundColor
- #FAFAFA
Layout & motion
- Container
- 1344px
- Grid columns
- 3
- Hero
- left-aligned+media-below
- Navigation
- none-detected
- Page height
- 12,863px
- Easing
- ease-out
- Durations
- 100ms 200ms 300ms 1000ms
- Transitions
- 40
- Keyframes
- 2
- Stack
- wordpress, jquery, intercom, google-tag-manager, cloudfront
Page sections (10)
section labels are heuristic
01heroThe investing platform for the agentic age
02feature detail?Prediction Markets API Agents Crypto IRA 1% MATCH IRAs Investment Plans Generated Assets Direct Indexing Treasury Accoun
03features?Bring AI into every part of your investing experience
04feature detail?Earnings call summaries
05features?The new standard.
06features?Five nerdy features you’ll love.
07feature detail?And up to $250,000
08feature detail?Have an account valued at $500,000 or more?
09logos?99.994% uptime*
How Public.com compares
- Body text
- 14px: smaller than 82% of indexed sites (median 16px).
- Largest heading
- 80px: larger than 80% of indexed sites (median 60px).
- Type scale
- 1.28×: flatter than 50% of indexed sites (median 1.28×).
- Container
- 1344px: wider than 83% of indexed sites (median 1242px).
- Text contrast
- 21.0:1: higher than 81% of indexed sites (median 17.6:1).
- Page length
- 12,863px: longer than 86% of indexed sites (median 8,217px).
- Corner radius
- Mostly 6px, shared by 14 of 274 indexed sites (5%).
- Denton
- The only site in the index that loads Denton.
- Invest Pro
- The only site in the index that loads Invest Pro.
- Color scheme
- Light by default, like 75% of indexed sites. Like 82% of sites, it doesn't switch with the system dark mode setting.
In short
What font does Public.com use?
Public.com uses Helvetica (loaded as "Inter") for body text. Denton is used for headings. Invest Pro is used for other.
What are Public.com's brand colors?
Public.com's website uses a light scheme: background #FFFFFF, surface #F3F6F9, text #000000, muted text #516880 and borders #FFFFFF26.
How is Public.com's website laid out?
The most common corner radius is 6px, body text is 14px with 1.42 line height, and the page container is 1344px wide.
