Pixloop Design.md
Namespace homepage design, full-page screenshot

Namespace

A precise, developer-infrastructure marketing interface built on a white canvas with near-black Inter display headlines and a single electric-blue primary CTA. The system reads as engineered-and-fast — tight hairline-bordered product demo cards showing real CI/terminal chrome, a hard 3px offset shadow on buttons that gives a crisp tactile edge, light-gray feature grids, and a deep midnight-navy Enterprise band that anchors the lower page. Brand voltage comes from the electric blue (#1c32ff) used sparingly on the primary action and from real product UI shown inside bordered cards.

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

Color Palette

Accent

Neutrals

Typography

h1 48px · 800 · 1.1
The quick brown fox jumps
h3 30px · 700 · 1.2
The quick brown fox jumps
h2 20px · 600 · 1.4
The quick brown fox jumps
body 14px · 500 · 1.43
The quick brown fox jumps
button 15px · 500 · 1.5
The quick brown fox jumps

Spacing & Shape

Spacing

Name Value Preview
xxs 4px
xs 8px
sm 12px
md 16px
lg 24px
xl 32px
xxl 48px
huge 64px
section 96px
mega 160px

Border Radius

Name Value Preview
xs 2px
sm 4px
md 6px
lg 8px
xl 12px
full 9999px

FAQ

What colors does Namespace use?
Namespace's core palette includes #1c32ff, #1423b4, #000000, #1f2937, #111827. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Namespace DESIGN.md.
What font does Namespace use?
Namespace's primary typeface is Inter. 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 Namespace design system?
A precise, developer-infrastructure marketing interface built on a white canvas with near-black Inter display headlines and a single electric-blue primary CTA. The system reads as engineered-and-fast…

More like this