folıos
folıos
Submit portfolio
folıos

Hand-picked portfolios to get inspired and to find people to work with.

In collaboration with MardelPlataDEV

Browse

  • All portfolios
  • Saved
  • Surprise me

Just added

  • Merijn Hos
  • Selina Turfus
  • Dave Lee
  • Cristina Martínez
  • Daniella Marynova

Know a portfolio that belongs here?

Submit portfolio

Is one of these yours?

Open its page and ask for a change, to mark yourself open to work, or to be removed.

Every site belongs to its author. We only show it and link to it.

© 2026 folios

folıos
ExploreSaved
ExploreSaved
enes
enes
Explore
bradgarropy.com
Live
Loading the live site…

Brad Garropy

Frontend

Share this portfolio

How it will look
XLinkedInWhatsAppBlueskyThreadsTelegramFacebookEmail
Visit site

Elsewhere

LinkedInGitHubXInstagram

Stack

Style

Light

From the site itself

Title
🏠 my home on the web
Language
English
Added
Nov 4, 2026
Captured
Nov 4, 2026

Design study

How Brad Garropy's site is built

Read on Nov 4, 2026

Colors, type, shapes and motion read from the live page. It's here to learn from: the design is Brad Garropy's.

Sample built with its tokens
AaMontserratOpen Sans

Brad Garropy

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

  • MontserratHeadlines
    Aa600Aa700Aa900
  • Open SansText
    Aa400Aa500

Type sizes

  • 72pxPortfolio
  • 48pxPortfolio
  • 30pxPortfolio
  • 24pxPortfolio
  • 16pxPortfolio
  • 14pxPortfolio

Corners and spacing

5pxpill

Spacing

812161820283240

Content width: 1024px

Motion

  • cubic-bezier(0.4, 0, 0.2, 1)300ms

  • ease300ms

150ms300ms

Recognized patterns

  • Light themeLight background with dark text.
  • MonochromeOnly greys, black and white; no accent color.
  • Huge headlinesHeadlines of 64px or more that own the screen.
  • 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
  • Emoji in headings+5Headings or labels that use emoji as icons (🚀, ✨, 💡)."📄 trmnl x", "🟦 lcd marquee"

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?

Brad Garropy

bradgarropy.com

Request a changeI'm available

More like this

  • Łukasz KupsFrontend
  • Ben RogersFrontend
  • Clément GrellierFrontendParis
  • Chris CoyierFrontendUnited States
  • Ian LunnFrontendUnited Kingdom
  • Jacob HerperFrontend
  • Kamil MazurekFrontendPoland
  • Igor ClaussFrontendGermany