🔥 This two-column form layout is great for organizing long forms and filling wider screens without using awkward long form fields.
🔥 Too many borders can make a design look really busy. Here's a few ideas that are a bit more subtle:
🔥 Giving your box shadows a slight, vertical offset helps to make them look more natural.
@rossSpeak It's all about creating hierarchy. You want your primary button to stand out much more than your secondary/danger actions.
🔥 A subtle link for negative secondary actions often works better than a big bold button. (Just make sure you have a confirmation step!)
🔥 Facebook is a good example of how using a dark/desaturated, matching hue for text/components can make a site feel more “glued” together:
How to make a stylish map with no graphic design skills 😘
🔥 Keylines are not only great for dividing content but also making disconnected content feel more connected.
😜 A technique I've been using lately on panels to distinguish the titles instead of a keyline is using subtle contrast:
🔥 Along with size and weight, using color and contrast is a great way to create typographic hierarchy.
😘 Quick tip: All-caps can sometimes be difficult to read. Consider using letter-spacing to give your text a little more room to breathe
🔥 Using a generic icon like an arrow or a checkmark instead of the standard bullet is a great way to add visual interest to unordered lists.