There are two primary colors in the Golden Software color palette. Brand usage requires Steel and Gold to be used whenever possible. This includes email signatures, corporate presentations and marketing materials.

Secondary and tertiary colors are permitted for usage, but only in a limited scope. Examples for usage include product oriented materials and pages, buttons, backgrounds, text and hover highlights and drop shadows.

The logo and icon ratios should remain consistent when scaling. Do not alter the ratio. Scaling the logo should always be done proportionally. The secondary stacked logo should be used where the layout calls for it. The all white logos may be used only when placed on a dark background. The icon and the word mark must all be in white with no exceptions.

The product logo and icon ratios should remain consistent when scaling. Do not alter the ratio. Scaling the product logos should always be done proportionally. Retired product logos can be used but only in a limited scope. Wherever possible, reference a Surfer or Grapher alternative.

The Golden Software user interface encompasses icons, buttons and form and display fields. Approved iconography should always be in a solid Gold, Surfer Purple or Grapher Blue circle with white icons. For button styling, refer to the menu on this page.

The Golden Software user interface encompasses icons, buttons and form and display fields. Notification bars should display white text on Steel or Gold backgrounds. Layout boxes can contain text, imagery, videos or a combination of text, imagery, videos. Box displays can display on Gray backgrounds or white backgrounds with a drop shadow. Separators can be either Navy, Steel or Gray and must not be larger than 2px in height.

Layout boxes may include text, imagery, videos, or any combination of these, and are typically displayed on Gray Wash backgrounds. They must have 35px padding on all sides and an 8px border radius.

Form headlines use Steel color and are set in Urbanist Bold at a font size of 32px.

Input fields and buttons have an 8px border radius. Input fields have 40px height with white backgrounds at 60% opacity. Gray borders change to Gold on hover and focus, with Egg Yolk glow on focus.

Primary buttons use a Gold background with white text, changing to Black on hover.

Body text and labels use Red Hat Display at 17px in Steel color. Section titles are 17px uppercase in Steel color with 0.05em letter-spacing. Field labels use weight 600.

Radio buttons are 19px with Gray borders. When selected, they display a Steel dot inside with Gold border and Egg Yolk glow. Hover state shows Gold border.

Placeholder text appears in Steel at 50% opacity. Form sections have 28px spacing between them, while individual fields within a stack have 16px spacing.

Tables use square corners and are non-interactive by default unless explicitly defined.

Table headers use a Gray Wash background with Steel text set in Red Hat Display, 17px, font weight 700 (Bold). Header cells have 20px padding and are vertically centered. Headers define column structure and do not scroll independently unless specified. Footer rows are optional and inherit header background and typography.

Table body cells use Black text in Red Hat Display, 17px, font weight 400, prioritizing data legibility. Cells use 20px horizontal and 10px vertical padding, with content vertically centered. Text is left-aligned by default and right-aligned for numeric values.

Row striping applies Gray Wash at 50% opacity to alternating body rows only.

Table borders use Gray, 1px, for all outer and inner gridlines. Tables do not use border radius.

Tables prioritize scan efficiency and clarity and must not use accent colors, shadows, or decorative elements.