/ Presets

44 Curated Presets.
519 tokens each.

Each preset applies a complete visual identity — colors, typography, radius, shadows, motion, borders, page composition, and more — across all 33 token categories. Pick one, customize your DESIGN.md, or create a fully custom preset from scratch.

Sigil
structural

Structural-visibility, cross marks + grid lines, soft indigo

Nacelleprecise
Crux
minimal

Decisive minimal, maximum whitespace, pure essentials

Nacelleminimal
Alloy
industrial

Fused metals aesthetic, warm steel + copper

Space Groteskmetallic
Basalt
dark

Volcanic dark stone, dense and grounded

Intervolcanic
Forge
industrial

Molten heat, orange-red glow, industrial craft

Space Groteskmolten
Onyx
dark

Pure black gemstone, ultra-dark premium

GT Americaobsidian
Flux
colorful

Dynamic gradients, movement-focused, energetic flow

Satoshidynamic
Kova
structural

Hard-forged clarity, disciplined structure

Interforged
Etch
editorial

Acid-etched lines, engraved precision

Söhneetched
Anvil
industrial

Heavy industrial, weighty foundations

Space Groteskheavy
Rivet
industrial

Mechanical precision, riveted joints, utilitarian

Intermechanical
Shard
colorful

Crystalline fragments, sharp facets, prismatic

Satoshicrystalline
Rune
editorial

Ancient symbols, mystical marks, arcane feel

Frauncesmystical
Fang
dark

Sharp edges, aggressive contrast, fierce

Space Groteskfierce
Cobalt
structural

Blue metallic, chemical precision, deep ocean

Intermetallic
Strata
editorial

Geological layers, earthy tones, stratified depth

Söhnelayered
Brass
industrial

Warm metallic, vintage instrument, patina

Fraunceswarm
Obsidian
dark

Volcanic glass, mirror-dark, sharp edges

GT Americavolcanic
Axiom
minimal

Self-evident truth, mathematical purity, axiomatic

Intermathematical
Glyph
editorial

Typographic symbol, letterform-focused, editorial

Söhnetypographic
Cipher
dark

Encoded mystery, encrypted aesthetic, crypto-noir

Space Groteskencrypted
Prism
colorful

Light spectrum, rainbow celebration, playful gradients

Satoshispectral
Helix
structural

DNA spiral, biological precision, organic tech

Interbiological
Hex
structural

Hexagonal grid, honeycomb, geometric precision

Space Groteskgeometric
Vex
colorful

Perplexing complexity, puzzle-like, intricate

Satoshicomplex
Arc
minimal

Curved trajectories, smooth arcs, flowing forms

Satoshiflowing
DSGN
colorful

Design tool aesthetic, Figma-inspired, creator-focused

Intercreative
Marker
editorial

Hand-drawn marks, sketch aesthetic, raw ink

Frauncessketched
Noir
dark

Film noir, cinematic dark, warm amber highlights

GT Americacinematic
Dusk
colorful

Twilight gradient, warm-to-cool transition, sunset

Satoshitwilight
Mono
minimal

Monochrome monospace, terminal aesthetic, zero decoration

Space Monomonochrome
Vast
edgeless

Expansive open space, warm editorial tones, generous whitespace

Frauncesexpansive
Aura
edgeless

Ethereal dark with luminous violet glow, ambient gradients

General Sansethereal
Field
edgeless

Clean utilitarian open space, forest green, monospace-forward

Space Groteskopen
Clay
edgeless

Warm terracotta clay with earthy tones, handcrafted feel, tinted surfaces

DM Serif Displaywarm
Sage
edgeless

Botanical sage green, calm natural tones, understated elegance

Libre Baskervillebotanical
Ink
edgeless

Deep indigo immersion, creative energy, lavender-tinted surfaces

Plus Jakarta Sanscreative
Sand
edgeless

Warm golden sand, desert warmth, inviting amber tones

Instrument Serifwarm
Plum
edgeless

Luxurious deep plum, rich mauve surfaces, dramatic magenta accents

Playfair Displayluxurious
Moss
edgeless

Dark forest green with organic-tech energy, green-tinted glows

Space Groteskforest
Coral
edgeless

Soft coral pink, warm and friendly with rounded surfaces

Outfitwarm
Dune
edgeless

Golden desert warmth, sharp edges, serif display, vast feeling

Instrument Serifwarm
Ocean
edgeless

Deep teal ocean, calming depth, teal-tinted glows, fluid radii

General Sansdeep
Rose
edgeless

Dusty rose elegance, refined serif type, blush-tinted surfaces

Fraunceselegant
Compare Presets

Same components. Different identity.

Every preset applies a complete visual identity to the exact same component tree. Pick two and see the difference.

Preset Asigil
Build faster.Token-driven design system
Preset Bcrux
Build faster.Token-driven design system
Preset A
Preset B
YOUR OWN PRESETThese are curated examples. Run sigil preset create to build a custom preset with your brand colors, fonts, and radius — then edit sigil.tokens.md for full control.
How It Works

Three steps. Zero component edits.

Start or create

sigil preset <name> to start from a curated base, or sigil preset create to build your own from scratch.
01

Customize your token file

DESIGN.md is yours — change any of 519 fields to match your brand exactly. Compiles to CSS + Tailwind.
02

Everything updates

CSS recompiles, 350+ token-driven components refresh — zero component-level edits required.
03
Try in Sandbox
Studiodefault
Presets
primary
secondary
background
surface
text
border
accent
success
warning
error
info
display
body
mono
heading wt
600
heading trk
-0.025em
base size
16px
page margin
24px
section pad
64px
card pad
24px
grid gap
24px
stack gap
12px
global
8px
button
8px
card
12px
input
6px
border w
1px
style
card border
card shadow
btn shadow
glow
spring
Type
Duration
0.20
Bounce
1.00
easing
cubic-bezier(0.16, 1, 0.3, 1)
fast
150ms
normal
200ms
slow
300ms
hover scale
1.02
press scale
0.98
hover lift
-1px
stagger
50ms
weight
transform
hover
active scale
0.98
min-width
0px
letter sp
0.000em
icon gap
8px
shadow
hover
border
shadow
padding
24px
title size
1px
title wt
desc size
0.875px
aspect
outline
height
36px
focus ring
2px
focus ring
h1 size
2.25px
h2 size
1.875px
h3 size
1.5px
h4 size
1.25px
weight
tracking
-0.020em
leading
1.20
pattern
pattern α
0.03
noise
gradient
grad angle
180°
height
50px
blur
12px
border
padding
24px
item gap
24px
min-height
600px
padding Y
80px
content-max
680px
layout
title size
56px
desc size
18px
padding Y
64px
max-width
600px
layout
title size
36px
padding Y
48px
columns
4
gap
36px
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
Gutter
Margin
content
hero
navbar
rail visible
enabled