Giga

Giga

Preview image. Unlock full-res

Deep night, mountain vista – a cosmic, digital calm.

Industryai
Palette
#000000
#ffffff
#cccccc
#4d4d4d
#969696
#161717
#808080
#8a8f98
#fe2c02
#49de80
#ff9aea
#c3eaca

Giga's design system evokes a sense of deep, expansive calm, contrasting vast dark landscapes with focused, luminous information. Typography is understated and elegant, prioritizing legibility and a sense of gravitas. Interactive elements offer subtle feedback, and surfaces vary from transparent overlays to opaque dark canvases, creating depth and dimension without heavy use of shadows. The overall aesthetic is one of quiet power and precision, mirroring complex AI capabilities with a refined visual language. Use Obsidian (#000000) for primary headlines and body text to establish a strong, contrasted foundation. Apply Emilio Light font with negative letter-spacing for large headlines (e.g., 48px, weight 300, ls = -0.0300em) to create an elegant, restrained presence. Utilize Ghost Pill Button (background: rgba(255, 255, 255, 0.05), text: Obsidian, 1000px radius) for secondary actions or subtle navigational elements. Implement a 10px elementGap for consistent tight spacing between most inline and block elements. Apply a 1000px border-radius to all buttons for a distinctly pill-shaped, soft appearance. Employ Graphite (#cccccc) for card backgrounds and subtle dividers to introduce hierarchical breaks without harsh lines. Use Ember Glow (#fe2c02) sparingly as a vivid accent for critical links or calls to attention, ensuring high impact. Avoid using harsh, opaque borders; prefer subtle transparency or no border at all for containers. Do not introduce strong, colored backgrounds for full sections; rely on the subtle neutral palette for depth. Refrain from using heavily tracked body text; the Inter font with its specific letter-spacing adjustments should be applied as specified. Do not deviate from the pill-shaped radius (1000px) for buttons; it's a signature visual cue. Avoid standard box shadows; for elevation, use subtle, diffused shadows like rgba(0, 0, 0, 0.7) 0px 12px 32px -16px. Do not use highly saturated colors for large text blocks or backgrounds; reserve them for small, impactful accents. Resist using bold font weights for large headlines; the light weight of Emilio Light is key to the system's character.

More like this