nabauer.com
Live
Loading the live site…
Nate Bauer
Product designer
Elsewhere
Stack
Style
Light
From the site itself
- Title
- Nate Bauer | Principal Product Designer
- Description
- Principal Product Designer with 15+ years of experience in enterprise healthcare innovation and design systems.
- Language
- English
- Added
- Nov 4, 2026
- Captured
- Nov 4, 2026
Design study
How Nate Bauer'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 Nate Bauer's.
Sample built with its tokens
Libre BaskervilleOutfit
Nate Bauer
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
- Libre BaskervilleHeadlinesAa400
- OutfitTextAa300Aa400Aa500Aa600
Type sizes
- 34pxPortfolio
- 24pxPortfolio
- 20pxPortfolio
- 15pxPortfolio
- 14pxPortfolio
- 13pxPortfolio
- 12pxPortfolio
Corners and spacing
8px10px16px20pxpill
Spacing
4681416243240
Content width: 1280px
Motion
ease160ms
cubic-bezier(0.2, 0.8, 0.2, 1)200ms
cubic-bezier(0.4, 0, 0.2, 1)200ms
150ms160ms200ms
Recognized patterns
- Light themeLight background with dark text.
- Pill buttonsButtons and tags with fully rounded ends.
- Card gridProjects laid out in a grid.
Is this yours and you'd rather we didn't show it? Ask us to remove it
- Identical icon cards+6Groups of identical cards, each with an icon on top and a title.×1
- Steps 01, 02, 03+3Sections numbered 01, 02, 03 as a process.01, 02, 03
- Long dashes in copy+1Many phrases joined with em dashes (—), very common in generated copy.— ×8
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?
nabauer.com