Giga

A cinematic, dark-canvas enterprise-AI interface that opens on a full-bleed landscape photograph and resolves into a near-black product surface. The system pairs a light-weight serif display face (emilioDisplay) for editorial headlines with Inter for all UI and body copy, leaning on generous whitespace, pill-shaped white CTAs, and dark glassy product-mockup cards. Brand voltage comes from the airy serif headline over photography and from real product chrome (agent-creation modals) shown inside dark cards — accent color is used sparingly.

giga.ai

Works with Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit

↓ .md ↓ All files

loading…

Color Palette

Accent

Neutrals

Typography

display-xl 66.24px · 300 · 1.2

The quick brown fox jumps

display-lg 48px · 300 · 1.3

The quick brown fox jumps

label 14px · 400 · 1.5

The quick brown fox jumps

body 16px · 400 · 2.0

The quick brown fox jumps

button 14px · 400 · 1.714

The quick brown fox jumps

Spacing & Shape

Spacing

Name	Value	Preview
xxs	4px
xs	6px
sm	8px
smd	10px
md	12px
lg	16px
xl	20px
xxl	24px
xxxl	32px
section	40px

Border Radius

Name	Value	Preview
none	0px
xs	4px
sm	6px
md	8px
lg	10px
xl	12px
xxl	16px
pill	9999px

FAQ

What colors does Giga use?: Giga's core palette includes #000000, #0b0b0e, #111111, #131313, #171615. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Giga DESIGN.md.
What font does Giga use?: Giga's primary typeface is emilioDisplay. The complete type scale (sizes, weights, line-height and letter-spacing per role), with an open substitute where the original is licensed, is documented in the DESIGN.md.
What is the Giga design system?: A cinematic, dark-canvas enterprise-AI interface that opens on a full-bleed landscape photograph and resolves into a near-black product surface. The system pairs a light-weight serif display face (em…

More like this

↓ .md ↓ All files

loading…