GTE

GTE

Preview image. Unlock full-res

High-contrast digital trading floor.

Industryfintech
Palette
#09090b
#000000
#18181b
#ffffff
#ebebeb
#e5e7eb
#71717a
#a1a1aa
#d4d4d8
#ff7817

GTE embodies a stark, high-contrast digital trading floor: deep backgrounds meet bright surfaces and crisp typography. A single vibrant orange accent serves as the primary call to action, cutting through the monochrome with functional urgency. The design prioritizes clear information hierarchy and lightweight components, reflecting efficiency and speed without heavy ornamentation. Use Turbo Orange (#ff7817) exclusively for primary calls to action and critical interactive elements. Maintain a high contrast ratio between text and background, adhering to AAA accessibility standards where possible (e.g., Midnight Ink #000000 on Polar White #ffffff; Polar White #ffffff on Carbon #09090b). Apply 12px border-radius for most cards and default containers, with 8px for interactive elements like buttons and inputs, and 24px for visually distinct, larger cards. Utilize PP Supply Mono for headings and navigational elements to emphasize a technical, precise tone. Employ Polar White (#ffffff) and Carbon (#09090b) as dominant background colors, defining distinct light and dark sections or components. Keep element spacing consistent with increments of 10px and padding with 16px to maintain a compact yet readable density. Ensure large display headings use Ogg Text Light at weight 300 to create an atmosphere of restrained authority with unique typographic flourishes. Avoid using multiple chromatic colors; limit accents strictly to Turbo Orange (#ff7817) unless for semantic status (e.g., success/error not present in data). Do not introduce heavy shadows or gradients on surfaces; rely on distinct background colors and subtle inset shadows (rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset) for depth. Refrain from using overly decorative or illustrative elements that detract from the stark, functional UI. Do not deviate from the established type scale; maintain consistent font families, weights, and letter spacing for their defined roles. Avoid large amounts of whitespace around content sections; the design favors a 'compact' density. Do not use generic sans-serif fonts where Ogg Text Light, PP Supply Mono, or Inter are specified, as they define the brand's unique typographic voice. Do not apply large, rounded corners globally; save specific larger radii for distinct components like cookie banners (28px) or pill shapes (600px).

More like this