The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Most “it feels off” is measurable.
My site has an Inspect mode on every page. It takes the page apart into the four layers where polish lives, measured live in your browser:
Colour: every line of text against the colour actually behind it, with a margin over WCAG AA.
Grid: the columns and gutters, every edge on a 4 px step.
Type: one variable font, and nothing you read set under 16 px.
Motion: every control answers in 150 to 250 ms, and only transform and opacity move.
The same rules run in CI on every change, so a fix can’t quietly come undone. That’s the bar I bring to client work: numbers you can check, not “looks good to me”.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
What makes a website feel cohesive?
It’s not just the colors.
It’s not just the typography.
And it’s definitely not about making every section look the same.
A cohesive website is built when every visual decision feels like part of the same story, from typography and imagery to spacing, buttons, cards, and even the smallest details.
The goal isn’t repetition.
It’s creating a visual language that people recognize and remember.
That’s when a website starts to feel like a brand, not just a collection of sections.
Well put, Serge. Consistent spacing, buttons and cards do more for that feeling than making sections match, and they are usually the first things to drift as a site grows.
AI Analytics Dashboard
One blue runs from the logo to the chart line.
Revenue, active users, conversion rate and income sit in a row of cards above the trend chart. The cards answer where the numbers stand. The stepped line answers how they got there, holding each period's value until the next, with a tooltip on a dashed guide line for the exact figure.
The identity pairs a four-arc mark with a condensed wordmark, drawn to the same top and bottom lines on the construction grid. The top arc's blue comes back in the slogan tile, the chart line and the main button, so the brand and the product share one accent.
Designed by the Hue & Machine team.
#DashboardDesign #DataVisualization #SaaS #Analytics #AI #WebApp #BrandIdentity #UIDesign #ProductDesign #FigmaDesign
