Design that converts: the handful of rules we never break
Every site and app that leaves our studio in Delray Beach passes the same short checklist before a client sees it. It is not a style guide. It is the list of mistakes that come back as complaints within a week if we skip them.
We hold every build to a handful of design rules: light backgrounds, one typeface, a single matched icon set instead of emoji, one clear action per screen, motion only when it explains something, and text contrast you can read on a phone outdoors. Each rule exists because skipping it produced a specific, repeatable complaint. Together they clear the way for the things that make a site convert: real photos, plain words, and a layout that matches how the business sells.
Why we keep a list at all
Design taste is hard to argue about. Design mistakes are not. Over enough projects, the same handful of choices kept producing the same results: text nobody could read on a phone in the sun, pages that felt busy, visitors who did not know what to click. So we wrote those choices down as rules and stopped relearning them on each client's budget. The list is short on purpose. Here is each line and the reason it is there.
Light backgrounds by default
Dark text on a white or near white page is the easiest thing for a human eye to read, on any screen, at any age, in any light. It prints the way it looks. It screenshots cleanly into an email or a text. It makes a photograph of a finished kitchen look like a photograph instead of a glowing rectangle. Dark backgrounds have a place, and we use them for a dispatch screen that someone watches all night, but a service business website or a client report starts light unless there is a specific reason to go the other way.
One typeface, used well
We pick one clean sans serif family for the whole project and get all the variety we need from size and weight. Headings are large and bold. Body text is comfortable. Labels are small and quiet. Three typefaces fighting on one screen is the fastest way to make an established business look like a flyer on a telephone pole. One typeface with a proper scale looks like a company that has its act together, which is exactly the impression a prospect is checking for.
Real icons, never emoji
Emoji draw differently on every phone and computer, they carry a cartoon tone the brand did not choose, and they age badly. A matched set of line icons, all drawn at the same stroke weight, looks like it belongs to the site. When an advisor's page needs a symbol for retirement income, a glyph from a consistent set does the job. A yellow face does not.
One action per screen
Every screen has one thing we want the visitor to do. On a landscaper's homepage it is request a quote. On a lead's page inside a CRM it is reply. On a dashboard it is pick the period. Everything else on that screen is allowed to exist, but it is visually quieter: smaller, lighter, lower down. When two buttons shout at the same volume, most visitors pick neither.
Motion with a purpose
Animation stays when it explains something: a section that settles in as you scroll to it, a count that rises so your eye lands on the number, a demo playing inside a phone frame so a prospect can see the product working. Animation goes when it is decoration. Bouncing buttons, text that types itself, backgrounds that drift: they slow the page, drain the battery, and make the visitor wait for the thing they came for. We also honor the reduced motion setting on a phone, which is a person telling us they would rather the page held still.
Contrast you can read in sunlight
A lot of our clients' customers are standing outside when they find the site. A homeowner in Boca Raton looking at a yard. A guest by a hotel pool. A crew lead on a job site. Pale gray text on white looks refined on a designer's monitor in a dim room and disappears on a phone in Florida sun. We hold text and buttons to a contrast level a person can read with glare on the glass, and we check it on a real phone, outdoors, before we call the page done.
What the rules buy a client
- Faster decisions, because nobody is relitigating fonts on every project.
- Consistency across everything the client owns: the website, the CRM, the dashboard and the pitch page all feel like one company.
- Fewer surprises after launch, because the things that cause complaints are ruled out before the first mockup.
- Less to maintain, since there are fewer styles to keep in sync when something changes.
None of these rules make a site beautiful by themselves. They remove the ways a site goes wrong, which clears the room for the parts that do make it beautiful: real photos of real work, words the owner would actually say, and a layout that follows how the business sells.
This checklist sits behind every build that leaves the studio, whether it is a cabinet shop's website, a home builder's lead system, or the report a university opens on Monday morning.
Questions people ask
Why do you insist on light backgrounds?
Because dark text on a light page is the easiest thing to read for the widest range of people, in the widest range of places. It prints, it screenshots, and it stays readable on a phone outdoors. Dark screens are a tool we use for specific cases, not a default.
Does one typeface make every site look the same?
No. The typeface is one ingredient among many. Color, photography, spacing, the words and the layout carry the personality. Using one family well reads as confidence; stacking several reads as indecision, and visitors can feel the difference even if they cannot name it.
What do you mean by one action per screen?
Each page or screen has a single thing we most want the visitor to do, and that thing is the loudest element on the screen. Other links and buttons still exist, but they are quieter. When everything competes for attention, nothing wins.
Want this done for your business?
Two minute intake. A real person reads every one and replies within a business day.
Keep reading
From mockup to pixel perfect: how we build to an approved design
How we turn an approved mockup into a site that matches it: a section by section reconcile pass for spacing, type and color, then a check on a real phone.
DesignDark mode is not a brand: why we default to light
Why service business websites and client reports should default to a light background, where a dark screen earns its place, and how we settle it with a client.
DesignIcons, not emoji, and other small choices that make a site look expensive
The small design signals that make a painter, landscaper or builder look established online: one icon set, a real type scale, even spacing and real photos.