Article
Spacing, Hierarchy, and Why Crowded Screens Feel Cheap
Crowded screens feel cheap because the eye has nowhere to rest. When every element shouts, nothing important wins. Many small business sites pack banners, badges, chat widgets, flashing promotions, and dense text into one fold. The result looks busy rather than abundant, and busy often reads as disorganised to first-time visitors comparing quotes.
Spacing and hierarchy are the cheapest upgrades you can make. You are not adding features. You are deciding what deserves attention and giving it room. Customers read that as care and competence, which matters when they cannot yet judge your craftsmanship, kitchen, or consulting skills offline.
Start with a simple spacing scale
Pick a small set of spacing values and reuse them: for example 8, 16, 24, and 40 pixels. Related items sit closer. New sections get larger gaps. Random margins make pages feel accidental. Consistency makes even basic templates look designed, which is useful when you are iterating without a full-time designer on payroll.
Increase line height for body text until paragraphs breathe. Tighten spacing between a heading and its supporting paragraph so they read as one unit. Separate that unit from the next section with a clearer gap than you use inside the unit. That simple rhythm alone can make a page feel more expensive overnight.
Hierarchy is size, weight, and position
Not every line can be bold and large. Choose one page title, one primary action, and supporting details in quieter styles. Price and key benefits should outrank decorative captions. If everything is highlighted with badges, underlines, and bright colours, you have no highlights left for the moment that should convert.
- Group related content so the eye scans in chunks instead of a wall of equal weight.
- Align columns and card edges; uneven alignment reads as unfinished work.
- Limit competing accents to one brand colour for actions and one for alerts.
- Remove overlapping stickers, popups, and auto carousels that steal focus from the offer.
- Leave margin from screen edges on mobile so text is not glued to the bezel.
White space is not empty. It is the frame that tells customers which part of the page matters.
A quick de-crowd pass you can do today
Screenshot your homepage. Blur it slightly. You should still see a clear title block, a main action, and distinct sections. If the blur looks like static, you have too many competing shapes. Remove or merge until the structure remains visible even when details disappear. Then repeat the test on a product or services page where money actually changes hands.
Also audit floating UI. A sticky header, a chat bubble, a coupon bar, and a cookie notice can stack into a vertical tax on every screen. Keep at most one persistent interrupt besides your primary sticky call to action.
Hierarchy examples for common SME pages
On a services page, the service name and primary booking button should dominate. Price ranges and proof come next. Long process explanations can sit lower for people who need them. On a homepage, the offer and contact path dominate; secondary services can sit in a quieter card row with equal internal spacing so the set feels intentional rather than dumped.
When you add seasonal promotions, give them a dedicated band with controlled height instead of sprinkling badges across every card. Contained urgency looks planned. Scattered urgency looks desperate and crowded.
Review the page again after one real customer uses it. Notes from a live attempt beat opinions from a long internal meeting every time, especially when the customer is on a phone with average data speed.
Review the page again after one real customer uses it. Notes from a live attempt beat opinions from a long internal meeting every time, especially when the customer is on a phone with average data speed.
Review the page again after one real customer uses it. Notes from a live attempt beat opinions from a long internal meeting every time, especially when the customer is on a phone with average data speed.
Review the page again after one real customer uses it. Notes from a live attempt beat opinions from a long internal meeting every time, especially when the customer is on a phone with average data speed.
Review the page again after one real customer uses it. Notes from a live attempt beat opinions from a long internal meeting every time, especially when the customer is on a phone with average data speed.
Review the page again after one real customer uses it. Notes from a live attempt beat opinions from a long internal meeting every time, especially when the customer is on a phone with average data speed.
Review the page again after one real customer uses it. Notes from a live attempt beat opinions from a long internal meeting every time, especially when the customer is on a phone with average data speed.
Apply the same spacing scale to one key page today. Calm layout often raises perceived quality faster than new stock photos.