Contact modal

30 Responses (page 1 of 2)

  1. Kerem Suer Kerem Suer

    Might look like a simple contact form. And it is, but the challenge is/was to find a style that not only matches the new Lovely visual language, but also make it possible to grow into the future mobile refreshes (wink wink) without looking out of space.

    Anyway, less talk. You should see it in action and let me know what you think.

    5 months ago

  2. Kerem Suer Kerem Suer

    This style started out as an experimentation (as always), but was quickly adapted and improved by the young and talented @Riley Tippetts, so we just, you know, went with it.

    5 months ago

  3. Daniel Vernon Daniel Vernon

    Love the close modal icon out side of the modal, im stealing this style!

    likes

    5 months ago

  4. Jimmy Smutek Jimmy Smutek

    Looks great, Kerem. Wondering, how will you deal with text overflow in the content field? Are you considering doing a version with scroll, or otherwise?

    Nice work!

    5 months ago

  5. Kerem Suer Kerem Suer

    Thanks @Daniel Vernon and @Jimmy Smutek!

    @Jimmy I actually resized the modal a little bit for this shot, but ideally message box scrolls, which is the only textarea with multiple rows.

    likes

    5 months ago

  6. Mallory Box Mallory Box

    Just used this in my search for apts and it works beautifully, Kerem. I love that the text fields are flush with the edges of the container and the blue active highlight.

    5 months ago

  7. Andrew Verboncouer Andrew Verboncouer

    I AM THE ONE WHO CONTACTS!

    likes

    5 months ago

  8. Justin Roos Justin Roos

    Love the look and feel of the form, but what about the context of a focussed field? Do you think it doesn't need a label. I know for one that IE doesn't display a placeholder when a field is focussed where Chrome and Safari hide them when you start typing. I recently saw this solution, which is perfect to me: http://webdesign.tutsplus.com/tutorials/ux-tutorials/implementing-the-float-label-form-pattern/

    P.S. On the homepage I came across a bug with the search form; It's not possible to enter price values with the numpad of my Apple keyboard.

    likes

    5 months ago

  9. Jeroen Marechal Jeroen Marechal

    Nice concept, like it alot!

    5 months ago

  10. Ali Akbar Ali Akbar

    Clean!

    5 months ago

  11. Luke Etheridge Luke Etheridge

    Love this @Kerem Suer - pushing new boundaries with those field styles. Really like them.

    5 months ago

  12. John Andronowski John Andronowski

    Really like the live version with the white top and bottom instead of the grey.

    Nice work.

    5 months ago

  13. Brendan Pittman Brendan Pittman

    Nice, Kerem. Great use of negative space while still keeping everything neat/concise. Type setting is purdy.

    5 months ago

  14. Joachim Löfstedt Joachim Löfstedt

    Heisenberg, I like.

    5 months ago

  15. Roy Soetantio ッ Roy Soetantio ッ

    Long live Heisenberg ! Good job man !

    5 months ago

  16. Travis Libby Travis Libby

    @Kerem Suer I really like the way you've done the form fields but I just can't seem to get on board with the position of the close button outside of the modal. I think I'd remove the circle from the "x", make it grey and place it in the top right corner of the modal.

    likes

    5 months ago

  17. Kerem Suer Kerem Suer

    @Travis Libby Thanks. What is your reasoning behind the thought? I'm interested.

    5 months ago

  18. John Howard John Howard

    I like the x location. You were thinking outside of the box. Pun intended.

    5 months ago

  19. Ramy Majouji Ramy Majouji

    Ha! I lived near Walter White apparently. Phew.

    5 months ago

  20. Travis Libby Travis Libby

    @Kerem Suer To me it's just a visual thing. I think it throws off the balance a little. As a side thought, I wonder when we'll end up doing away with the "close" button for modals like this, as it's becoming a pretty common convention that clicking outside of the modal will also close the modal...just a thought.

    5 months ago

  21. Michael Von Thies Michael Von Thies

    Beautiful @Kerem Suer!

    5 months ago

  22. Frankelly Valdez Frankelly Valdez

    Very fancy!

    5 months ago

  23. Ray Martin Ray Martin

    "I am the one who leases property."

    5 months ago

  24. Santiago Baigorria Santiago Baigorria

    Dude this is awesome! I love the design, really cool.

    BTW! You could add a CSS3 animation to the modal's appearance, it could be really cool. Look, at my site I used one (if you go to the footer, you can see a "Digital Ocean" link, click it and see the effect). I used this Cordrops tutorial to achieve the effect, maybe you like one!

    Well congrats on the design, really nice ;)

    5 months ago

  25. Cesar Zeppini Cesar Zeppini

    Just beautiful!
    I actually agree and disagree with @Travis Libby. I think the close buttons is awesome actually, outside the modal. I use it myself, and I believe it keeps the modal clean, and looks better on responsive mobile design.
    BUT, I agree with him that, soon, this is gonna vanish from desktop version at least, but on mobile, I believe the close button will still be there.
    Anyway, well done and thanks for the inspiration.

    5 months ago

keyboard shortcuts: previous shot next shot L or F like