Design Details (@DesignDetailsIO) header
Design Details (@DesignDetailsIO) profile picture

Curated web design reference library. Full-page captures, motion, sections, type & color. New site breakdowns daily.

Joined October 2026
Photo by Design Details (@DesignDetailsIO)Photo by Design Details (@DesignDetailsIO)Photo by Design Details (@DesignDetailsIO)Photo by Design Details (@DesignDetailsIO)Photo by Design Details (@DesignDetailsIO)Photo by Design Details (@DesignDetailsIO)Photo by Design Details (@DesignDetailsIO)Photo by Design Details (@DesignDetailsIO)Photo by Design Details (@DesignDetailsIO)Photo by Design Details (@DesignDetailsIO)
JFA Awards - Event Website Design Flat vector illustrations of a Cape Town harbour scene with an octopus, aloes and a cable car full of faces frame a centred navy wordmark. Custom code + Next.js @snp_agency | jfa-awards.snp.agency designdetails.io/websites/jf…
21
Hyperiux Vault - Tech Website Design Near-black pages, one orange accent and large Neue Haas Unica headlines. Thin-bordered grid tiles with big orange numbers for quick facts. Custom code + Next.js vault.hyperiux.com designdetails.io/websites/va…
6
Moto Finance - Fintech Website Design Near-black backgrounds, a chrome card on a lit plinth and tall uppercase headlines borrow the look of a luxury product launch. Webflow + GSAP + Three.js moto-card.com designdetails.io/websites/mo…
8
Linearity - SaaS Website Design Glowing orange and green gradient blobs on near-black. Hero centres on a single prompt box so the core action is obvious at once. Custom code + Tailwind + Three.js linearity.io designdetails.io/websites/li…
16
Design Details retweeted
The design team at @River has pushed over 250k lines of code in the past year. With Ai and a solid design system behind us we're building smaller client features, adding polish, and taking control of the design system ourselves . You'd think that means we're slowly turning into engineers. Honestly it's the opposite, we're more creative than we've ever been. The boring parts of design get automated, so most of our time goes on design thinking. Which is kind of the whole point of design anyway
5
2
1
39
2,101
Design Details retweeted
Framer is now available in @cursor_ai. Let Cursor design, manage, and ship your Framer sites from anywhere through the MCP server. cursor.com/marketplace/curso…
21
8
6
213
14,368
Arqe - AI Website Design Near-black page with white type lets product screenshots carry all the colour. Large rounded dark cards numbered 01 to 03 introduce each offering. Custom code + Astro @arqe_ai | arqe.ai designdetails.io/websites/ar…
13
Design Details retweeted
Years in the making, and I’m happy to finally give @udifoundry a home for all its typefaces! 🎉 Forever committed to contributing to African design through typography. Come have a look: udifoundry.com
17
101
2
367
5,494
UI/UX Designers, here are some examples of different tag styles you should know when designing your next UI design project. Repost to share with others 💜
3
4
1
33
2,485
Voiceflow - SaaS Website Design Large Tiempos Headline serif and a painted illustration of stadium seats give a software page a warm, editorial tone. Custom code + Astro voiceflow.com designdetails.io/websites/vo…
6
Design Details retweeted
4 TOOLS ON THE RADAR THIS WEEK ↓ designdetails.io – real website designs taken apart offgrid.supply – hand-drawn vector illustration packs identik.design – branding inspiration organized by tags fontsight.xyz – in-browser font identification
1
2
3
138
Design Details retweeted
what it costs me to run a one person framer studio every month btw figma $16 framer $20 screen studio $9 contra max $39 claude max $100 $184 total what am I missing?
4
2
18
1,181
RT @sklyarov: $336,000 in three years. This is how much you can make just by making AI-built apps stop looking AI-built. There's a Hacker…
Twohands - Studio Website Design Near-black canvas with thin grid lines, bracketed section numbers and pixelated colour squares. Technical, precise feel. Custom code + Next.js twohands.studio designdetails.io/websites/tw…
7
Twin - AI Tool Website Design Warm cream page with a large serif headline and a single yellow call to action. Big framed app screenshots show the actual interface. WordPress + Astro twin.so designdetails.io/websites/tw…
4
Design Details retweeted
Figma just rolled out a BIG feature update - from code blocks to a feature-rich website builder! I got to check these features out at India’s biggest design event in Bangalore ! Check the updates out: figma.com/release-notes/ #FigmaCreator #figma #design
1
1
3
202
Design Details retweeted
How we built Content Studio, an open-source design agent in Slack that makes on-brand videos, graphics and decks, and the harness that powers it. View article
31
39
23
244
73,116
Design Details retweeted
Airbnb filter interaction for @SlabPixel real estate website template. Tools : @figma x @claudeai
15
3
1
36
1,030
Pear - Creative Website Design Classical oil-painting figures on saturated cobalt blue, carried scene by scene through pear trees and golden fruit. Custom code pear.no designdetails.io/websites/pe…
19