domains / families / design / framed-tech-dark-border-gradient

framed-tech-dark-border-gradient

separate

Create a framed dark technical design system with border-gradient shells, asymmetrical grid panels, mono utility labeling, and restrained monochrome atmosphere.

When to use

• Apply this as a full design-system direction across page shell, framing lines, cards, panels, typography, controls, and atmospheric background treatment.
• Use it when the interface should feel premium, technical, dark, and architected around visible boundaries instead of soft floating cards.
• This is not generic dashboard dark mode and not glossy glassmorphism. The identity should come from frame logic, border gradients, overshooting rails, and precise monochrome hierarchy.

When not to use

• generic dashboard dark mode
• glossy glassmorphism
• flat black layouts with no visible container logic
• heavy colorful neon glows
• thick borders or chunky shadows
• soft consumer-app styling
• gradient borders used only as decoration

Skill page

Source