Skip to main content
Goblin System logo
Dark-first design system

Goblin System Docs

Portfolio-grade React components and theme.

Goblin System pairs reusable tokens with cinematic surfaces, neon controls, and data scaffolding so you can ship immersive dark-mode experiences without reinventing the design language.

Build expressive case studies

Everything wired for thematic storytelling

Use the same primitives that shipped the original portfolio. Layouts, surfaces, navigation, inputs, and feedback elements are coordinated so every project inherits the same cinematic tone.

Theme primitives
01

Dark-first foundations

Gradients, palette tokens, typography, and spacing flow from a single theme so every surface feels cinematic out of the box.

Component workflows
02

Composable components

Layout, data display, inputs, navigation, surfaces, and utilities share the same API conventions and `sx` entry point.

Docs orchestration
03

Docs + Storybook synergy

Storybook exposes real props and theme controls, while the docs drill into architecture, localization, and design guidance.