close

Darin Dimitroff Darin Dimitroff Bulgaria, Sofia

Product designer @webflow. Focused on front-end design systems. Most shots are quick browser screenshots.
Hire Me
More

Skills

On Teams

Elsewhere

  1. Simple pagination Simple pagination A simple pagination I designed and built for BB-Team. If you've been following my shots, you probably already know it's a really popular health &am...
    • 36
    • 0
    • 2,461
    0 Rebound Attachments

    spacefarm spacefarm Team Darin Dimitroff Darin Dimitroff

  2. 404 page SVG animation 404 page SVG animation Quick shot from Chrome's inspector. I really like Dribbble's original idea of sharing work in progress without too much frills. The full loop of t...
    • 14
    • 0
    • 463
    0 Rebound Attachments

    spacefarm spacefarm Team Darin Dimitroff Darin Dimitroff

  3. Emoji material industry multi-select picker chip things (?) Emoji material industry multi-select picker chip things (?) Remember those category chips I shared earlier? I just finished working on an interactive extension of the component that turns the chips into chec...
    • 50
    • 0
    • 3,808
    0 Rebound Attachments

    spacefarm spacefarm Team Darin Dimitroff Darin Dimitroff

  4. Responsive primary navigation Responsive primary navigation If I spend too much time on some aspect of a project, it's definitely navigational components. I've been using a Flexbox ordering pattern which al...
    • 15
    • 0
    • 454
    0 Rebound Attachments

    spacefarm spacefarm Team Darin Dimitroff Darin Dimitroff

  5. Profile Card Profile Card I had to abuse this component and render all available categories at once to showcase all of Kalina's category chips. Hacker McHacker sure is a cur...
    • 29
    • 1
    • 690
    1 Rebound Attachments

    spacefarm spacefarm Team Darin Dimitroff Darin Dimitroff

  6. Kaldi Custom Keyboard Navigation Kaldi Custom Keyboard Navigation One of the processes we've recently implemented into our web workflow is building custom designs for keyboard navigation. Not only are they more vi...
    • 17
    • 0
    • 1,021
    0 Rebound Attachments

    spacefarm spacefarm Team Darin Dimitroff Darin Dimitroff

  7. BB-Team search component BB-Team search component We started out designing an inclusive search component that would work anywhere within the product, strictly adhering to the atomic design workflow...
    • 12
    • 0
    • 393
    0 Rebound Attachments

    spacefarm spacefarm Team Darin Dimitroff Darin Dimitroff

  8. BB-Team long-form template BB-Team long-form template Quick browser shots from BB-Team's long-form story template.💪 This specific shot features a few components from the design system: - newsletter s...
    • 20
    • 0
    • 793
    0 Rebound Attachments

    spacefarm spacefarm Team Darin Dimitroff Darin Dimitroff

  9. Kaldi products page Kaldi products page Hooray for Chrome's new feature that lets you take full-sized screenshots in the inspector's responsive mode! 🎉 Here's how Kaldi's product page lo...
    • 17
    • 1
    • 336
    0 Rebound Attachments

    spacefarm spacefarm Team Darin Dimitroff Darin Dimitroff

  10. Bodybuilding 404 error page Bodybuilding 404 error page A no-frills 404 error page for the nice folks over at BB-Team. Th SVG is an illustration by @Kalina Ivanova. 🏋️🏋️‍♀️💪
    • 12
    • 0
    • 330
    0 Rebound Attachments

    spacefarm spacefarm Team Darin Dimitroff Darin Dimitroff

  11. Happy customer blockquote Happy customer blockquote Another quick screenshot from the coffee-related small business template we did for Netlify CMS. The blockquote component is one of the many buildi...
    • 14
    • 0
    • 950
    0 Rebound Attachments

    spacefarm spacefarm Team Darin Dimitroff Darin Dimitroff

  12. Food info layout (CSS sticky positioning) Food info layout (CSS sticky positioning) CSS position: sticky is now widely supported and, even in cases when it isn't, the page layout doesn't degrade but remains static, so we decided to...
    • 26
    • 1
    • 641
    0 Rebound Attachments

    spacefarm spacefarm Team Darin Dimitroff Darin Dimitroff

  13. Personal website night mode Personal website night mode I added this Easter egg to my website a couple of versions ago, but I never got to sharing it. It's pretty old now, so I guess I can spoil it. It'...
    • 19
    • 1
    • 951
    0 Rebound Attachments

    spacefarm spacefarm Team Darin Dimitroff Darin Dimitroff

  14. Responsive pricing table Responsive pricing table One of the components we designed and developed for the Kaldi's template system is a pricing table with large values. Of course, it can be used for...
    • 12
    • 0
    • 589
    0 Rebound Attachments

    spacefarm spacefarm Team Darin Dimitroff Darin Dimitroff

  15. Personal site update Personal site update A quick update of my personal website, finally featuring a sad excuse for a portfolio and a simple blog. I'm already working on the next version, ...
    • 16
    • 1
    • 729
    1 Rebound Attachments

    spacefarm spacefarm Team Darin Dimitroff Darin Dimitroff

  16. Get fit wizard Get fit wizard Getting started in the world of healthy living and fitness can be overwhelming these days, especially with so many fads and "get ripped quickly" ar...
    • 15
    • 1
    • 438
    1 Rebound Attachments

    spacefarm spacefarm Team Darin Dimitroff Darin Dimitroff

  17. Self-coloring dashboard cards Self-coloring dashboard cards I had a lot of fun designing these little fellas. Or should I say fella? It's actually one component fed with six different combinations of icons, ...
    • 16
    • 0
    • 554
    0 Rebound Attachments

    spacefarm spacefarm Team Darin Dimitroff Darin Dimitroff

  18. Footer + subscribe block Footer + subscribe block At the very end of 2016, I worked on a simple small business website template with the team at @Netlify, getting ready for the beta launch of their...
    • 16
    • 1
    • 842
    1 Rebound Attachments

    spacefarm spacefarm Team Darin Dimitroff Darin Dimitroff

  19. My Day modal My Day modal As usual, this is shot in browser and all done with HTML, CSS, JS and SVG. This showcases part of a modal where users document how their day was ...
    • 16
    • 2
    • 979
    0 Rebound Attachments

    spacefarm spacefarm Team Darin Dimitroff Darin Dimitroff

  20. Tag component + tooltip Tag component + tooltip A molecule from a design system I worked on recently. Like usual, this was recorded in the browser at a high zoom level. I use Kap, it's a great wa...
    • 21
    • 0
    • 1,405
    0 Rebound Attachments

    spacefarm spacefarm Team Darin Dimitroff Darin Dimitroff

  21. "Scroll to top" component "Scroll to top" component A little scroll to top button I designed and built as part of a client project. Nothing fancy, an SVG icon and a few lines of JavaScript to show an...
    • 10
    • 0
    • 562
    0 Rebound Attachments

    spacefarm spacefarm Team Darin Dimitroff Darin Dimitroff

  22. Spacefarm website update Spacefarm website update We have a real actual logo! 🙀 We pushed a small update to our website's landing page and moved to a new stack (spacefarm.digital is now served on ...
    • 13
    • 0
    • 491
    0 Rebound Attachments

    spacefarm spacefarm Team Darin Dimitroff Darin Dimitroff

  23. QTI upload modal QTI upload modal QTI files are kind of like specialized JSON for standardized testing. They contain questions, answers and success criteria and have actually been a...
    • 13
    • 1
    • 602
    1 Rebound Attachments

    spacefarm spacefarm Team Darin Dimitroff Darin Dimitroff

  24. Primary navigation interaction Primary navigation interaction Quick showcase of a navigation component we worked on as a part of a redesign of an online testing web application. I've been trying to build comp...
    • 15
    • 0
    • 998
    0 Rebound Attachments

    spacefarm spacefarm Team Darin Dimitroff Darin Dimitroff

Load more…
Loading more…