Proposal: brand-orange primary buttons with white text

[pratikbuilds]

Problem

In Primitives → Button → Variants, the orange primary button with dark text feels heavy and muted, especially on the black background. The dark lettering reinforces that weight instead of giving the action the lighter appearance of the orange-and-white “Get in touch” button on the Corbits landing page.

This is a visual hierarchy and brand-consistency concern. Dark text has stronger contrast against the orange; white text would change the feel, but reduce text contrast.

Proposed solution

Use the landing-page orange with white labels for primary buttons in both themes. Keep the existing button dimensions and shape. Compare the treatment at actual component sizes and check text contrast across default, hover, and pressed states before adopting it.

The goal is a primary action that feels brighter and closer to the landing page while remaining readable.

Reference

Proposed appearance

Generated color study:

[pratikbuilds]

Workbench previews showing white labels on the existing orange buttons: “New agent” on the Agents page and “Get started” in the creation form. Generated from the running UI.

[pratikbuilds]

wdyt @TheGreatAxios

[TheGreatAxios]

On my phone it looks like maybe not even contrast for the white on orange. It's very clean but the white on orange white bg may be a tad to bright

Can you throw up a screenshot of your side by side with the black on orange and side by side it all?