Astry Design
System.
The master visual system for web, social, and brand applications. Three token layers, one source of truth, light and dark out of the box.
- 11
- Systems
- 120+
- Components
- 03
- Token layers
- AA
- WCAG 2.2
Foundation model
The system is a one-way pipeline. Brand primitives are frozen at the source. Semantic tokens translate them into light and dark. Components are forbidden from reading anything but tokens — so a theme can never drift.
Brand primitives
Frozen. Hex, type files, the mark. Never consumed directly.
Semantic tokens
Light + dark. The only thing components are allowed to read.
Components
Primitives + patterns. Token-only — theming can never break.
Logo system
On slate
On infra-red
On deep blue
On ivory
Color palette
Core palette
Deep Blue
#0A183D
Infra Red
#E43D1A
Forest
#1C2B28
Slate
#0F1115
Ivory
#F2F1EC
Surface
#14161B
Subtle
#191B22
Border
#262932
Text
#F2F1EC
Muted
#9C9C95
Success
#4FA56F
Warning
#D7A046
Danger
#E43D1A
Typography
Aa
Display
96 / -3%
Aa
Heading
40 / -2%
Aa
Body
16 / 1.55
Aa
Mono label
10 / +16%
Signature gradient
Marketing surface
The right answer.
in seconds.
Operational intelligence at every level. The gradient is reserved for hero surfaces — never behind body copy.
- 99.9%
- Operational uptime
- 4.8x
- Average ROI
- $18M+
- Value delivered
- 72%
- Faster decisions
The 11 systems
Foundations
Logo, color, type, spacing, motion.
Layouts & app patterns
Dashboard shells, KPI strips, navs.
Website templates
Audit, contact, privacy — end to end.
Forms & interaction
Inputs, OTP, sliders, pickers.
Tables, charts & data
Tables, charts, heatmaps, feeds.
Website sections
Feature, stats, team, CTA, FAQ.
Navigation & heroes
Headers, mega menus, hero variants.
Cards & proof
Stat, feature, testimonial, article.
Mascot library
57 poses, roles, moods, gestures.
Registry & API
curl, shadcn install, skill drop-in.
Bot-friendly assets
PNG refs for image-gen agents.
Brand principles
Tokens over hex
Components read semantic tokens. Never a raw color. Theming never breaks.
Sharp by default
Every radius resolves to zero. Corners stay square. Pills only for knobs.
Borders, not shadows
No elevation on cards. A border delineates. Hover darkens the border.
Direct voice
Concrete verbs. One idea per sentence. The period runs brand blue.