Interface Lab

Signal OS Creative Ops Dashboardv1.0 Published

5.2K

Signal OS Creative Ops Dashboard Design SystemSignal OS Creative Ops Dashboard establishes a gradient shell grid system for product workspace. The reusable layer is the typography, palette, spacing, radius, surface, component, and motion baseline; special Skills are mapped separately.

Typography

Heading systemInter / 54px / 600 / - / -Body systemInter / 14px / 400 / - / -Inter

LettersAa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk LlNumbers01 02 03 04 05 06 07 08 09

Colors

Primary#07110F

38% usage signal

Secondary#EFFFF8

13% usage signal

Tertiary#2EE8BC

13% usage signal

Neutral#FFFFFF

38% usage signal

radial-gradient(circle at 75% 10%,#2ee8bc44,transparent 35%)

Layout

LayoutGridWidthFull BleedGridStrongFramingGradient shell

Navigation & EntryPrimary NarrativeVisual Field & BackgroundContent / Data SurfaceAction Path

Spacing

14px12pxTitle block

Description copy reflects measured rhythm, icon offset, and CTA spacing.

12px14px18px22px34px

Buttons

Product

Elevation & Depth

Depth is communicated through surfaces, borders, shadows, and blur treatments.

Reusable shadowsReusable shadows / Gradient surfaces

Surface sampleGradient shell

SurfaceGradient shellBorder1px solid currentColor / low opacityShadow0 18px 50px rgba(15,23,42,.14)Blur0px

Shapes

Shapes define the radius family for cards, inputs, tags, and supporting surfaces.

22pxradius-1999pxradius-2

Card surfaceInput fieldStatus pill

Interface Lab Skills

Border GradientssupportColors / ElevationContainer LinessupportLayout / Spacing