Web UI design system (Glassmorphism)

Strict visual rules for dcicounting.com pages and docs.html blocks.

Base background

• Base: #05070a (Deep Space Black)

Use large, blurred radial glows:

• Blue: rgba(88, 101, 242, 0.15)

• Purple: rgba(147, 51, 234, 0.1)

The glass component (required)

Use this exact feel:

• background: rgba(255, 255, 255, 0.02);

• backdrop-filter: blur(12px);

• border: 1px solid rgba(255, 255, 255, 0.08);

Radius: organic and smooth.

Use rounded-[2.5rem] or rounded-3xl.

Typography

Font: Plus Jakarta Sans.

Weights:

• 400 (regular)

• 600 (semi-bold)

• 800 (extra-bold)

Accents + icons

Accent text: gradient from white to #5865F2 using -webkit-background-clip: text.

Icons: Font Awesome 6 only.