Finally, AI for the entire software lifecycle.

DesignScan preview · https://gitlab.com · 2026-06-13

Colors

primary#7759c2
on-primary#ffffff
background#ffffff
text#171321
accent-1#74717a
accent-2#1f1c2e
on-accent-2#ffffff
border#e8e7eb
muted-surface#ebeaec

Typography

display96px · 660 · lh 1.06
The quick brown fox jumps
display-6464px · 660 · lh 1.06
The quick brown fox jumps
display-4040px · 660 · lh 1.06
The quick brown fox jumps
headline-lg32px · 660 · lh 1.06
The quick brown fox jumps
headline-sm24px · 660 · lh 1.06
The quick brown fox jumps
title18px · 660 · lh 1.06
The quick brown fox jumps
body-lg16px · 400 · lh 1.5
The quick brown fox jumps
body14px · 400 · lh 1.5
The quick brown fox jumps

Spacing

xs4px
sm8px
md12px
lg16px
xl24px
2xl32px
3xl48px

Radius

xs4px
sm8px
md16px
lg24px
xl32px

Layout

sm547px
md577px
lg769px
xl1026px
2xl1200px
3xl1400px
containermax-width 1170px

Elevation

sm
md
lg
xl

Components

button-primary
surface · input · body-text · border

Body text on the surface color — this is what reading copy looks like.

divider
surface-muted
Subtle secondary surface — sidebars, sections, callouts.
link
Inline link example →
badge Badge