UIX

Presets Faultline Glitch

Faultline Glitch

High-contrast gaming UI: magenta actions on zero-chroma greys, square corners, hard offset shadows and grotesk type.

A live preview of a Pro preset. Its files, Figma sync and MCP come with UIX Pro.Unlock

Color

Five ramps, 50 to 950

brand50fdf2fd100fae3f9200f5c8f3300ed9fea400e170dd500c843c4600a72aa3700861f838006618639004811459502c0a2a
neutral50fafafa100f0f0f0200e0e0e0300c7c7c7400a3a3a35008080806006363637004a4a4a8002e2e2e9001717179500a0a0a
success50edfdf5100d2f9e6200a7f1cd3006ee0ad4003fcb8a5001fae70600138f5b7001470448001455349000f3d26950042012
warning50fffaeb100fef2c7200fde58a300fcd24d400f5bc1f500d9990b600b579087008c5d06800684505900452e03950261a02
danger50fff4f1100ffe4dc200ffc6b8300ff9d88400f6705a500e04a33600bf3a247009b2b198007a211190055170b950360c05

Semantic tokens

Light and dark

Light
background#fafafa
foreground#0a0a0a
card#ffffff
card-foreground#0a0a0a
popover#ffffff
popover-foreground#0a0a0a
primary#a72aa3
primary-foreground#ffffff
secondary#f0f0f0
secondary-foreground#171717
muted#f0f0f0
muted-foreground#4a4a4a
accent#fae3f9
accent-foreground#481145
destructive#bf3a24
destructive-foreground#ffffff
success#147044
success-foreground#ffffff
warning#fde58a
warning-foreground#452e03
border#0a0a0a
input#0a0a0a
ring#c843c4
Dark
background#0a0a0a
foreground#fafafa
card#171717
card-foreground#fafafa
popover#171717
popover-foreground#fafafa
primary#e170dd
primary-foreground#2c0a2a
secondary#2e2e2e
secondary-foreground#f0f0f0
muted#2e2e2e
muted-foreground#c7c7c7
accent#481145
accent-foreground#fae3f9
destructive#f6705a
destructive-foreground#360c05
success#3fcb8a
success-foreground#042012
warning#f5bc1f
warning-foreground#261a02
border#e0e0e0
input#c7c7c7
ring#e170dd

Typography

Gloock, Albert Sans and DM Mono

Grow what matters

display-lg · 72/1 · 400 · -0.035em
Gloock

Grow what matters

display-md · 48/1.05 · 400 · -0.025em
Gloock

A calmer way to work

heading-lg · 32/1.15 · 400 · -0.015em
Gloock

A calmer way to work

heading-md · 24/1.2 · 700 · -0.01em
Albert Sans

A calmer way to work

heading-sm · 18/1.3 · 700 · -0.005em
Albert Sans

Good systems disappear. People notice the product, not the parts.

body-lg · 18/1.6 · 400
Albert Sans

Good systems disappear. People notice the product, not the parts.

body-md · 16/1.55 · 400
Albert Sans

Good systems disappear. People notice the product, not the parts.

body-sm · 14/1.5 · 400
Albert Sans

Save changes

label · 14/1.25 · 600 · 0.02em
Albert Sans

Updated 2 minutes ago

caption · 12/1.4 · 500 · 0.04em
Albert Sans

const theme = preset("faultline-glitch")

code · 14/1.5 · 400
DM Mono

Spacing · radius · shadow

The quiet rules

0.52px
14px
1.56px
28px
312px
416px
520px
624px
832px
1040px
1248px
1664px
2080px
2496px
sm
0px
md
0px
lg
0px
xl
0px
full
full
sm
md
lg

Components

Every part, every state

Buttons

DefaultHoverFocusDisabledPrimarySecondaryOutlineGhostDestructive

Inputs

Placeholder
Focused
Use at least 8 characters
Team
Design
Opens a menu
Disabled

Navigation

ProductPricingCustomersDocs

12 projects, 3 due this week.

Home / Projects / Q3 launch

Feedback

New version availableReload to get the latest features.
Payment received2,400 from Md Rakib Shekh.
Card expires soonUpdate it before Friday.
Sync failedWe will try again in 30 seconds.
NJ
Nusrat JahanCommented on Q3 launch
Invoice sent to Israt Jahan
Undo
PrimarySecondaryOutlineActivePendingFailedNew
Copied to clipboard72%
MRNJIJMRNJIJ+5

Cards, table and overlays

Monthly revenue12.4%

48,210

74% of the 65k goal
The gaming report

What changed this quarter, and what to do next.

MRMd Rakib Shekh4 min read
IJ
Israt Jahan

Product designer

CustomerDateStatusAmount
MRMd Rakib ShekhMar 12Paid2,400.00
NJNusrat JahanMar 11Pending860.00
IJIsrat JahanMar 09Failed1,120.00
Showing 1–3 of 36
Q3 launch24 files, edited today
Delete project?

“Q3 launch” and its 24 files will be removed for everyone. You can’t undo this.

No messages yet

When customers write to you, their messages show up here.

Screens

Faultline Glitch as a real product

Landing page

faultline-glitch.com
ProductPricingCustomersDocs
New · gaming

Faultline Glitch

High-contrast gaming UI: magenta actions on zero-chroma greys, square corners, hard offset shadows and grotesk type.

MRNJIJLoved by 2,000+ teams
This week

+24.6%

Dashboard

Good morning, Rakib

Overview

Revenue

48,210

+12.4%
Customers

2,318

+4.1%
Churn

1.8%

-0.3%
Revenue
CustomerDateStatusAmount
MRMd Rakib ShekhMar 12Paid2,400.00
NJNusrat JahanMar 11Pending860.00
IJIsrat JahanMar 09Failed1,120.00

Phone app

9:41●●● 100%

Welcome back

Md Rakib Shekh
MR
Balance

12,480

MR
Md Rakib ShekhPaid
2,400
NJ
Nusrat JahanPending
860
IJ
Israt JahanFailed
1,120
9:41●●● 100%

Q3 launch

1 of 3 doneOn track for Friday.

Pricing

Starter

0 a month

For trying things out

  • 1 project
  • Basic reports
  • Email support
ProPopular

24 a month

For growing teams

  • Unlimited projects
  • Team workspaces
  • Priority support
  • Advanced reports
Business

79 a month

For larger organisations

  • Everything in Pro
  • SSO and audit log
  • A dedicated manager
Can I change plans later?

Yes. Move up or down any time, and we work out the difference for you.

Is there a free trial?

Starter is free for as long as you like. Pro is free for the first 14 days.

Do teams get a discount?

Teams of 20 or more get 20% off. Write to us and we will set it up.

Sign in

Welcome back

Sign in to continue to your workspace.

or

“We set up our whole workspace in an afternoon.”

NJNusrat Jahan
Head of operations

Settings

Settings

MRMd Rakib Shekhrakib@studio.co
Email notificationsA summary every Monday.
Two-factor sign-inProtect your account with a code.
LanguageUsed across the app.
Delete accountThis removes all your data.

Palette and type

Light

  • Primary#a72aa3
  • Accent#fae3f9
  • Background#fafafa
  • Foreground#0a0a0a
  • Muted#f0f0f0

Dark

  • Primary#e170dd
  • Accent#481145
  • Background#0a0a0a
  • Foreground#fafafa
  • Muted#2e2e2e
  • DisplayGloock
  • BodyAlbert Sans
  • MonoDM Mono

High-contrast gaming UI: magenta actions on zero-chroma greys, square corners, hard offset shadows and grotesk type.

Faultline Glitch is one of the Pro presets in UIX. Its tokens, theme files and DESIGN.md come with UIX Pro: in Figma, in code, and through the UIX MCP for AI coding agents.

Access
UIX Pro
Industries
gaming, esports, entertainment
Mood
brutalist, bold, raw, high contrast
Display font
Gloock
Body font
Albert Sans
Mono font
DM Mono
Density
Comfortable
Contrast
High
Corner radius
0px

Use Faultline Glitch

On the web

Open it in Studio, change anything, then use it in your app with one CSS link, the CLI or your AI tool.

Use this preset

In Figma

Open UIX, go to Presets and search “Faultline Glitch”. Press Use this preset, then Sync to Figma.

Install UIX

In code

A Tailwind v4 and shadcn/ui theme, W3C tokens, Figma variables and a DESIGN.md. Included with UIX Pro.

Unlock with UIX Pro

Send to your AI agent

Connect the UIX MCP once, then ask Claude Code, Cursor or any MCP client: “Use the Faultline Glitch preset”.

Get your MCP link