Infisical
A sharp, engineering-first security-tooling interface built on pure-white canvas with true-black ink and zero corner radius — every card, button, and container is a hard rectangle. Brand voltage comes from a single high-voltage yellow highlight (#f5f841) used as a marker-pen swipe behind the hero headline, plus warm lime-to-green and peach gradient artifacts inside product-UI mockups. The type system runs one custom geometric family (Alliance) across display and body, with tight negative tracking on headlines and monospace fragments inside the product chrome.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Accent
Neutrals
Typography
display-xl
56px · 500 · 1.1
The quick brown fox jumps
display-lg
46.08px · 600 · 1.05
The quick brown fox jumps
heading
25.92px · 500 · 1.1
The quick brown fox jumps
body
16px · 400 · 1.5
The quick brown fox jumps
button
14px · 400 · 1.5
The quick brown fox jumps
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| xxs | 4px | |
| xs | 8px | |
| s | 10px | |
| sm | 12px | |
| md | 14px | |
| lg | 18px | |
| xl | 24px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| none | 0px | |
| pill | 999px | |
| full | 9999px |
FAQ
- What colors does Infisical use?
- Infisical's core palette includes #000000, #52525b, #737373, #999ea8, #808591. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Infisical DESIGN.md.
- What font does Infisical use?
- Infisical's primary typeface is Alliance. 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 Infisical design system?
- A sharp, engineering-first security-tooling interface built on pure-white canvas with true-black ink and zero corner radius — every card, button, and container is a hard rectangle. Brand voltage come…