corey.co
Capture
This site can't be shown inside another page, so here is its full-page capture. Scroll it right here.
Corey Haines
Marketing & content
Stack
Style
Light
From the site itself
- Title
- Corey Haines — Marketer, Builder, Writer
- Description
- Part marketer, part philosopher, full-time builder of things on the internet. Building SaaS products, writing about marketing, and sharing what I learn along the way.
- Language
- English
- Added
- Nov 4, 2026
- Captured
- Nov 4, 2026
Design study
How Corey Haines's site is built
Read on Nov 4, 2026Colors, type, shapes and motion read from the live page. It's here to learn from: the design is Corey Haines's.
Sample built with its tokens
ui-sans-serif
Corey Haines
This block isn't a copy of the site: it's put together only with the colors, typefaces and corners we read from it.
Main actionSecondary
Typefaces
- ui-sans-serifTextAa300Aa400Aa500
Type sizes
- 48pxPortfolio
- 40pxPortfolio
- 24pxPortfolio
- 20pxPortfolio
- 18pxPortfolio
- 16pxPortfolio
- 14pxPortfolio
Corners and spacing
2px10px14px22pxpill
Spacing
2481216243280
Content width: 768px
Motion
cubic-bezier(0.4, 0, 0.2, 1)200ms
cubic-bezier(0, 0, 0.2, 1)300ms
cubic-bezier(0.22, 1, 0.36, 1)700ms
150ms200ms300ms700ms· 128 animated elements
Recognized patterns
- Light themeLight background with dark text.
- Single accentOne strong color reserved for what matters.
- Pill buttonsButtons and tags with fully rounded ends.
- Sticky headerThe top bar stays visible while scrolling.
Is this yours and you'd rather we didn't show it? Ask us to remove it
- Stock component kit+14Uses shadcn/ui's default colors and radii, the kit almost every generator picks.--background, --ring, --radius… ×8
- Default typeface+8All text in the font set by default (Inter, Poppins or the system font).ui-sans-serif
- Stock Lucide icons+7Icons are the unchanged Lucide set, the one most generators use.svg.lucide ×125
- Violet to blue gradient+7The violet and blue gradient many generators use by default.conic-gradient(rgb(59, 130, 246), rgb(139, 92, 246), rgb(236, 72, 153), rgb(59,
- Identical icon cards+6Groups of identical cards, each with an icon on top and a title.×4
- Frosted glass everywhere+4Many cards and bars with a blurred, translucent background.backdrop-filter ×9
- Long dashes in copy+1Many phrases joined with em dashes (—), very common in generated copy.— ×17
Automatic estimate by folios.directory, measured Nov 4, 2026. If it's wrong, the mistake is ours. Using AI is fine: this only shows how close a site is to a generator's defaults.
Report a mistake
Is this your portfolio?
corey.co