Brands813
↑ ↓ to browse
View full design.md ↗
GitLab· Dev Toolsabout.gitlab.com
Dev Tools

GitLab

A near-black canvas lit by signature tanuki orange and electric purple — GitLab Sans at aggressive negative tracking, a hero gradient that blooms from lavender to warm peach, and a sharp-yet-approachable 4–8px radius vocabulary that says "DevSecOps platform" without shouting it.

Color Palette24 tokens
background#ffffff
surface#f2f1f5
surface-deep#171321
surface-overlay#1c1728
ink#171321
ink-secondary#74717a
ink-muted#d1d0d3
on-primary#ffffff
primary#fc6d26
primary-deep#ee5c12
primary-container#fde8d8
accent-purple#7759c2
accent-purple-light#eee7fd
accent-purple-soft#f6f3fe
link#1883fd
link-default#0000ee
success#108548
warning#c17d10
error#dd2b0e
info#0070c8
border#d1d0d3
border-strong#74717a
shadow-soft#000000
shadow-mid#32325d
Buttons
TypographyGoogle Font
Interbrand uses GitLab Sans
display-hero

The quick brown fox

96px · 660 · -2.88px
display

The quick brown fox

64px · 660 · -1.92px
heading-section

The quick brown fox

40px · 660 · -0.8px
heading-sub

The quick brown fox

32px · 400 · -0.64px
heading-3

The quick brown fox

24px · 580 · -0.48px
IconsLucide
Set: Lucide · brand-matched
Formfocus ring
Email
you@company.com
Password
••••••••
Card · Shapes

GitLab

A near-black canvas lit by signature tanuki orange and electric purple — GitLab Sans at aggressive negative tracking, a…

Dev Tools
none
xs
sm
md
Elevation
RING
CARD
ELEVATED
Controls
On
Off
✓Checked
Unchecked
Selected
Option
Alerts
Heads up — a new version of the design system is available.
Saved. Your changes are live across all surfaces.
Some tokens are missing a contrast-safe pairing.
Couldn’t reach the server. Retry in a moment.
Badges
SolidSoftOutlineNewv2.0
FAQ
GitLab
A near-black canvas lit by signature tanuki orange and electric purple — GitLab Sans at aggressive negative tracking, a hero gradient that blooms from lavender to warm pe…
How does it integrate with my stack?
Is there a free tier?
Tabs
OverviewActivitySettings
DayWeekMonth
Stats
48.2k
Active users
+12.4%
$12.8k
MRR
+3.1%
99.9%
Uptime
−0.02%
Table
MemberPlanStatus
AQAvery QuinnPro Active
JLJordan LeeTeam Pending
SRSam RiveraFree Active
Avatars
AQJLSR+5
AQ
Avery Quinn
Online · Owner
Slider · Progress
Volume62%
Storage used78%
Tooltip · Popover
Brand-styled tooltipHover target

Keyboard shortcuts

Press ⌘K to open the command menu, ? for help.

Navigation bar
Banner
NewGitLab just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeDev ToolsGitLab
Menu
Profile
Settings
Billing
Sign out
Toast
Changes savedUndo
You have 3 new updates
Activity
Avery created a new project
2h ago
Jordan left a comment
5h ago
Sam shipped v2.0
1d ago
Notifications
AQAvery Quinn invited you to GitLab.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// GitLab tokens
export const theme = {
  primary: "#fc6d26",
  radius: "8px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
‹123…12›
Brand moment

GitLab's marketing site is built around a paradox: the brand that owns the entire DevSecOps lifecycle presents itself on a clean white canvas () that could almost pass for a produc…

GitLab · Dev Tools

Similar systems

Generated from shared tags, visual DNA, category, color, type, and radius.

Filter by this ↗
WorkOS95%

shared styles: Dark, Gradient, Minimal · same category: Dev Tools

Nuxt95%

shared styles: Dark, Gradient, Minimal · same category: Dev Tools

Render80%

shared styles: Gradient, Minimal, Cool · same category: Dev Tools

Netlify79%

shared styles: Dark, Minimal, Cool · same category: Dev Tools

GitHub76%

shared styles: Dark, Gradient, Cool · same category: Dev Tools

Cursor75%

shared styles: Dark, Minimal · same category: Dev Tools