Crystal Design System
31 gemstone themes. 5 crystallization presets. Fibonacci spacing. 60+ components. One system that powers an entire portfolio.
Dual-Axis System
31 Themes × 5 Crystallizations
Every theme can be combined with any crystallization preset. 16 gemstone families, from base to personality variants, producing 155 unique visual identities.
clean
dream
edge
luxe
bold
Single-variant gems
Tanzanite
Opal
Quartz
Sunstone
Obsidian
Rose Luxe
Delightful Portraits
Crystal in the Wild
Powering Real Projects
Crystal themes and components are used across the Artasce portfolio, from internal tools to client-facing products.
OpsCenter
LiveInternal command console
onyx×edge
artasce.com
LiveAgency portfolio
diamond×clean
Mademoiselle
DevelopmentFashion e-commerce
amethyst×dream
Fibonacci Spacing
Every spacing value follows a Fibonacci-inspired scale, creating natural visual harmony across all components.
4
8
16
24
40
64
104
168
272
4816244064104168272
Start Building with Crystal
Explore the documentation, browse components in Storybook, or dive into the showcase to see Crystal in action.