Brands813
to browse
Active Theory· Designactivetheory.net
Design

Active Theory

A pure-WebGL interactive studio where pure black dissolves into deep-space particle fields, neon violet and electric teal light the 3D scenes, and a single bespoke typeface — NBArchitektStd — renders every word as geometry inside a living environment.

Color Palette21 tokens
background#000000
surface#161616
surface-mid#454545
ink#ffffff
ink-primary#eeeeee
ink-secondary#aaaaaa
ink-tertiary#888888
ink-accent-blue#7dc2f0
primary#d600ff
accent-teal#0bed90
accent-purple#C64DFF
accent-deep-purple#422EA3
accent-cyan#84C8C3
accent-electric-blue#61c2ff
accent-ice-blue#93e5ff
accent-lensflare#cceeff
accent-streak#c2dcff
fog#1a90ad
scene-tint#e5f1ff
border#333333
shadow-deep#000000
Buttons
TypographyGoogle Font
Space Groteskbrand uses NBArchitektStd-Regular
display-hero

The quick brown fox

72px · 400 · 0px
display

The quick brown fox

40px · 400 · 0.05em
heading

The quick brown fox

28px · 400 · 0.05em
body

The quick brown fox

16px · 400 · 0px
body-light

The quick brown fox

14px · 300 · 0.01em
IconsLucide
Set: Lucide · brand-matched
Formfocus ring
Email
you@company.com
Password
••••••••
Card · Shapes

Active Theory

A pure-WebGL interactive studio where pure black dissolves into deep-space particle fields, neon violet and electric tea…

Design
none
sm
pill
Elevation
RING
CARD
ELEVATED
Controls
On
Off
Checked
Unchecked
Selected
Option
Alerts
Heads up — a new version of the design system is available.
Saved. Your changes are live across all surfaces.
Some tokens are missing a contrast-safe pairing.
Couldn’t reach the server. Retry in a moment.
Badges
SolidSoftOutlineNewv2.0
FAQ
Active Theory
A pure-WebGL interactive studio where pure black dissolves into deep-space particle fields, neon violet and electric teal light the 3D scenes, and a single bespoke typefa…
How does it integrate with my stack?
Is there a free tier?
Tabs
OverviewActivitySettings
DayWeekMonth
Stats
48.2k
Active users
+12.4%
$12.8k
MRR
+3.1%
99.9%
Uptime
−0.02%
Table
MemberPlanStatus
AQAvery QuinnPro Active
JLJordan LeeTeam Pending
SRSam RiveraFree Active
Avatars
AQJLSR+5
AQ
Avery Quinn
Online · Owner
Slider · Progress
Volume62%
Storage used78%
Tooltip · Popover
Brand-styled tooltipHover target

Keyboard shortcuts

Press ⌘K to open the command menu, ? for help.

Navigation bar
Banner
NewActive Theory just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeDesignActive Theory
Menu
Profile
Settings
Billing
Sign out
Toast
Changes savedUndo
You have 3 new updates
Activity
Avery created a new project
2h ago
Jordan left a comment
5h ago
Sam shipped v2.0
1d ago
Notifications
AQAvery Quinn invited you to Active Theory.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// Active Theory tokens
export const theme = {
  primary: "#d600ff",
  radius: "8px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
12312
Brand moment

Active Theory is not a website — it is a 3D world you scroll through. The studio's homepage is a pure-WebGL environment: a pitch-black canvas () that gives way to cinematic particl…

Similar systems

Generated from shared tags, visual DNA, category, color, type, and radius.

Filter by this ↗