Emblematic
Y Combinator homepage, desktop
Y Combinator homepage, mobile
Mobile, 390px

Typography

scale ratio 1.230
  • Source Serif 4display40051%
  • Avenir Lightcss: Avenirbody30042%
  • Avenir Bookcss: Avenirother4006%
stylefamilysizeweightlinetracking
displaySource Serif 484px4001.10em
headlineSource Serif 448px4001.20em
titleAvenir Light14px3001.30em
bodyAvenir Light16px3001.3750em
Type scale
Aa11Aa14Aa16Aa18Aa19Aa20Aa22Aa32Aa48Aa60Aa84
Body size
16px / 1.375
Display size
84px
Display tracking
0em
Case
title

Color

light scheme
Palette by painted area
Text on bg
16.81:1
Muted on bg
undefined:1
Accent on bg
19.18:1
Dark mode
none

Space, shape & depth

Spacing scale (base 4px)
  • 4
  • 6
  • 8
  • 12
  • 16
  • 20
  • 24
  • 32
  • 40
  • 60
  • 80
  • 120
  • 170
Corner radii
pill
Shadows (0)
none
Borders
hairline, 1px
Section padding
215px

Components

exact computed values
button-primary
Apply
backgroundColor
#000000
textColor
#FFFFFF
rounded
9999px
padding
0px 20px
height
40px
fontFamily
Source Serif 4
fontSize
14px
fontWeight
400

Layout & motion

Container
1100px
Grid columns
3
Hero
centered
Navigation
top-sticky
Page height
11,738px
Easing
cubic-bezier(0.4, 0, 0.2, 1)
Durations
150ms 200ms 300ms 500ms
Transitions
150
Keyframes
1
Stack
react, tailwind, posthog, google-tag-manager, cloudflare

Page sections (7)

section labels are heuristic
  1. Y Combinator nav section
    01nav
  2. Y Combinator hero section
    02hero
  3. Y Combinator logos section
    03logos?
  4. Y Combinator feature-detail section
    04feature detail?In Founders’ Words
  5. Y Combinator features section
    06features?How To Build The Future: Paul Graham & Amjad Masad
  6. Y Combinator footer section
    07footerCompany

How Y Combinator compares

Body text
16px, the same as 40% of indexed sites (median 16px).
Largest heading
84px: larger than 84% of indexed sites (median 60px).
Type scale
1.23×: flatter than 70% of indexed sites (median 1.28×).
Container
1100px: narrower than 75% of indexed sites (median 1242px).
Text contrast
16.8:1: lower than 60% of indexed sites (median 17.6:1).
Page length
11,738px: longer than 81% of indexed sites (median 8,217px).
Corner radius
Mostly 0px, shared by 84 of 274 indexed sites (31%).
Source Serif 4
One of 2 indexed sites that load Source Serif 4 (1%).
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 Y Combinator use?

Y Combinator uses Source Serif 4 for headings. Avenir Light (loaded as "Avenir") is used for body text.

What are Y Combinator's brand colors?

Y Combinator's website uses a light scheme: background #F5F5EE, text #16140F.

How is Y Combinator's website laid out?

The most common corner radius is 0px, body text is 16px with 1.375 line height, and the page container is 1100px wide.

Similar to Y Combinator

Readwise homepage
Source Serif 4 / Albert Sans / Inter#FBF9F3
Readwisereadwise.io
Aeon homepage
Serif Font / Sans Font / Mono Font#FFFFFF
Aeonaeon.co
Asteriskmag homepage
Noe Standard / Atlas Grotesk / Noe Text#FAF8F0
Asteriskmagasteriskmag.com
Eatfishwife homepage
Recoleta / Albert Sans#FFFCF3
Eatfishwifeeatfishwife.com
Kinfolk homepage
Kinfolk Serif Deck / Kinfolk Sans / Kinfolk Serif Display#FFFFFF
Kinfolkkinfolk.com