Gt-planar

Gt-planar

Preview image. Unlock full-res

Midnight mainframe with glowing terminals.

Industrydesign
Palette
#000000
#ffffff
#1a0014
#949494
#606060
#6100ff
#00ff85
#29006c
#fcff76
#ff003d
#ff8a00

GT Planar channels 'cyberpunk utility': a deep dark canvas with vibrant, almost neon, monochromatic accents of electric violet and glowing green. Typography is hyper-controlled and precise, often uppercase, with distinct pixel-perfect white borders defining interactive elements. This creates a high-fidelity, command-line interface aesthetic where every visual element serves a clear, functional purpose in a deeply contrasted, high-tech environment. Prioritize Void Black (#000000) as the dominant background color for most sections to maintain a dark, immersive theme. Use Electric Violet (#6100ff) only for primary interactive elements, active states, and critical information to maximize its impact. Employ the GT Planar typeface exclusively, varying weight and size meticulously to establish hierarchy rather than mixing font families. Define interactive elements with stark 1px Screen White (#ffffff) or accent-colored borders (Electric Violet #6100ff, Alert Red #ff003d, Safety Yellow #fcff76) and 0px border-radius for a precise, angular look. Apply negative letter-spacing for large display text and positive letter-spacing for smaller, utilitarian text to enhance the precise, engineered feel. Use 0px border-radius for most UI elements like buttons, inputs, and cards, reserving 9999px for small, tag-like elements. Construct layouts with clear, often horizontal, divisions and compact spacing to pack information densely without feeling cluttered. Avoid using soft shadows or gradients that suggest depth or realism, as the system relies on stark contrasts and flat surfaces. Do not introduce additional font families; GT Planar is the sole typographic voice. Refrain from using pastel or desaturated colors; all accent colors must be vivid and highly saturated. Never add rounded corners to primary buttons, inputs, or cards; maintain the hard-edged aesthetic except for very specific tag-like elements. Do not use more than two accent colors prominently in a single view to maintain focus and prevent visual noise. Avoid large, unbordered blocks of color unless they serve as a full-bleed hero, instead opting for precise borders around elements. Do not use generic spacing values; adhere to the 4px base unit and derived tokens for compact, consistent rhythm.

More like this