sigil
/
UI
Components
Presets
Demos
Walkthrough
Search
⌘K
Docs
Sandbox
All Presets
Studio
default
sigil
crux
alloy
basalt
forge
onyx
flux
kova
etch
anvil
rivet
shard
rune
fang
cobalt
strata
brass
obsid
axiom
glyph
cipher
prism
helix
hex
vex
arc
dsgn
mrkr
noir
dusk
mono
vast
aura
field
Canvas
Studio
default
Presets
random
default
neutral
sigil
structural
crux
minimal
alloy
industrial
basalt
volcanic
forge
fiery
onyx
luxury
flux
dynamic
kova
nordic
etch
engraved
anvil
heavy
rivet
structural
shard
angular
rune
ancient
fang
predatory
cobalt
metallic
strata
geological
brass
vintage
obsid
obsidian
axiom
mathematical
glyph
typographic
cipher
terminal
prism
spectral
helix
biotech
hex
geometric
vex
punk
arc
flowing
dsgn
wireframe
mrkr
annotated
noir
cinematic
dusk
twilight
mono
monochrome
vast
editorial
aura
ethereal
field
utilitarian
Colors
primary
secondary
background
surface
text
border
accent
success
warning
error
info
Typography
display
body
mono
heading wt
600
heading trk
-0.025em
base size
16px
Spacing
page margin
24px
section pad
64px
card pad
24px
grid gap
24px
stack gap
12px
Radius
global
8px
button
8px
card
12px
input
6px
Borders & Shadows
border w
1px
style
solid
dashed
dotted
none
card border
card shadow
btn shadow
glow
Motion
Transition Spring
spring
Type
Time
Physics
Duration
0.20
Bounce
1.00
Default Easing
easing
ease-out-expo
ease-in-out
spring
bounce
ease-out
ease-in
snappy
linear
cubic-bezier(0.16, 1, 0.3, 1)
Durations
fast
150ms
normal
200ms
slow
300ms
Interaction
hover scale
1.02
press scale
0.98
hover lift
-1px
stagger
50ms
Buttons
weight
transform
hover
active scale
0.98
min-width
0px
letter sp
0.000em
icon gap
8px
shadow
Cards
hover
border
shadow
padding
24px
title size
1px
title wt
desc size
0.875px
aspect
outline
Inputs
height
36px
focus ring
2px
focus ring
Headings
h1 size
2.25px
h2 size
1.875px
h3 size
1.5px
h4 size
1.25px
weight
tracking
-0.020em
leading
1.20
Backgrounds
pattern
pattern α
0.03
noise
gradient
grad angle
180°
Navigation
height
50px
blur
12px
border
padding
24px
item gap
24px
Hero
min-height
600px
padding Y
80px
content-max
680px
layout
title size
56px
desc size
18px
CTA
padding Y
64px
max-width
600px
layout
title size
36px
Footer
padding Y
48px
columns
4
gap
36px
Grid & Layout
content-max
1200px
rail-gap
24px
grid-cell
50px
cross-stroke
1.5px
navbar-h
50px
bento-gap
16px
grid lines
dots
cell borders
cell bg
none
surface
alternate
Patterns
Gutter
grid
dots
crosshatch
diagonal
diamond
horizontal
horizontal-thin
horizontal-fine
horizontal-wide
hexagon
triangle
zigzag
checker
plus
brick
wave
none
Margin
grid
dots
crosshatch
diagonal
diamond
horizontal
horizontal-thin
horizontal-fine
horizontal-wide
hexagon
triangle
zigzag
checker
plus
brick
wave
none
Alignment
content
center
left
wide
hero
center
left
full-bleed
navbar
full
content
inset
rail visible
Sound
enabled