Oscar Paintings
A painting-services website with a prominent enquiry form, separate service information, and local service-area navigation.
- Website Development
- Home Services
- Webflow
Finux Design / Brand Playground
A clear identity.
Room to play.
Explore what makes Finux feel like Finux. Try our colors, put your own words into Montserrat, and see how the real components come together.
The same Finux foundations.
A space to explore, not a new set of rules. Every control changes its own preview; the rest of the website stays the same.
01 / Explore
Color, with confidence.
White space. Black type. Two unmistakable blues. Copy a color from the live site tokens, then explore readable combinations.
White
Reading token…
The primary canvas.
Black
Reading token…
Clear, confident text.
Finux cyan
Reading token…
The original brand accent.
Light blue
Reading token…
A supporting brand surface.
Muted surface
Reading token…
Quiet supporting space.
Muted text
Reading token…
Secondary copy on light surfaces.
Border
Reading token…
Decorative dividers, not control boundaries.
Control border
Reading token…
Visible boundaries on white.
Error
Reading token…
Error messages on white.
Contrast compares text with its background. These solid pairings support normal-sized text at the WCAG AA threshold of 4.5:1.
A passing pair does not establish accessibility for an entire page. Transparency and images change the background.
Clear ideas.
Confident contrast.
Small details deserve to be readable, too.
Calculating contrast…
02 / Explore
Your words. Our type.
Montserrat gives the brand its voice. Explore the existing presets, from expressive display type to the smallest supporting detail.
19/240 characters. Both canvases fit the available space; changing this preview does not resize your browser.
Clarity, by design.
Montserrat · Measuring preview…
03 / Explore
Details you can feel.
These are the actual website components. Change their appearance, try their states, and use your keyboard to explore their focus feedback.
Hover or focus to try the arrow. Loading and disabled states apply to the action button only. The link preview stays here when activated.
04 / Explore
A little depth. A little movement.
Glass adds subtle depth without softening the message. Motion helps explain an interaction, and remains optional.
Light canvas
Depth in the surface.
Clarity in the content.
Dark canvas
Depth in the surface.
Clarity in the content.
Cyan canvas
Depth in the surface.
Clarity in the content.
These adjustments affect only this demo. Reduced transparency and browsers without backdrop filtering use the existing solid fallback.
A quiet entrance.
The mobile menu’s short panel reveal.
Work · Services · About
A clear next step.
The real button’s outgoing and incoming arrows.
Motion plays only when you choose Replay.
05 / Explore
One identity, in context.
A small look at how the same foundations shape the website. These previews share presentation and content with the real homepage, project collection, and footer.
Homepage hero
Brand, website design & development
A clear brand. A website that works for your business.
Finux designs visual identities, responsive websites, and online stores. Get layouts that explain your offering, a website your team can update, and separately agreed maintenance or marketing support after launch.
Project card
Contact banner