UIX

Presets Arcwelder Static

Arcwelder Static

Raw, high-contrast energy dashboard UI: lime-charged actions on hard-edged, brand-tinted neutrals, with grotesk headlines and sharp corners.

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

Color

Five ramps, 50 to 950

brand50f8ffe0100eefcc2200e0f79c300cfef6e400b8e03f5009cc2296007b9a1e7005871168004254109002f3c0b9501c2506
neutral50f6f7ee100ebece2200d9dbcf300bcbfb14009a9d8f5007c807260062665a7004c5045800393c3490026292095016180f
success50e9fbec100cff5d9200ade6c03008bd0a340065b6835003d9c6660026825070016683d8000c502e90003391e950012210
warning50fff6e6100ffe8c2200f7d293300e2b66b400ca9837500ae7d1260090660a700745205800583e029003e2a00950261800
danger50fff4f5100ffe3e6200ffc6ce300ff9dac400f66e89500e1436b600c02d567009c2043800791231900580521950390011

Semantic tokens

Light and dark

Light
background#f6f7ee
foreground#16180f
card#fcfdf7
card-foreground#16180f
popover#fcfdf7
popover-foreground#16180f
primary#587116
primary-foreground#f8ffe0
secondary#ebece2
secondary-foreground#262920
muted#ebece2
muted-foreground#4c5045
accent#eefcc2
accent-foreground#2f3c0b
destructive#c02d56
destructive-foreground#fff4f5
success#16683d
success-foreground#e9fbec
warning#f7d293
warning-foreground#3e2a00
border#bcbfb1
input#7c8072
ring#587116
Dark
background#16180f
foreground#f6f7ee
card#262920
card-foreground#f6f7ee
popover#262920
popover-foreground#f6f7ee
primary#cfef6e
primary-foreground#1c2506
secondary#393c34
secondary-foreground#ebece2
muted#393c34
muted-foreground#bcbfb1
accent#2f3c0b
accent-foreground#eefcc2
destructive#f66e89
destructive-foreground#390011
success#65b683
success-foreground#012210
warning#ca9837
warning-foreground#261800
border#4c5045
input#7c8072
ring#cfef6e

Typography

Schibsted Grotesk, Hanken Grotesk and Geist Mono

Grow what matters

display-lg · 61/0.98 · 800 · -0.035em
Schibsted Grotesk

Grow what matters

display-md · 49/1 · 800 · -0.03em
Schibsted Grotesk

A calmer way to work

heading-lg · 31/1.1 · 700 · -0.02em
Schibsted Grotesk

A calmer way to work

heading-md · 25/1.2 · 700 · -0.015em
Hanken Grotesk

A calmer way to work

heading-sm · 20/1.3 · 700 · -0.01em
Hanken Grotesk

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

body-lg · 18/1.55 · 400
Hanken Grotesk

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

body-md · 16/1.5 · 400
Hanken Grotesk

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

body-sm · 14/1.5 · 400
Hanken Grotesk

Save changes

label · 14/1.2 · 600 · 0.02em
Hanken Grotesk

Updated 2 minutes ago

caption · 12/1.4 · 500 · 0.03em
Hanken Grotesk

const theme = preset("arcwelder-static")

code · 13/1.5 · 400
Geist 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
2px
lg
2px
xl
4px
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 energy 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

Arcwelder Static as a real product

Landing page

arcwelder-static.com
ProductPricingCustomersDocs
New · energy

Arcwelder Static

Raw, high-contrast energy dashboard UI: lime-charged actions on hard-edged, brand-tinted neutrals, with grotesk headlines and sharp corners.

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#587116
  • Accent#eefcc2
  • Background#f6f7ee
  • Foreground#16180f
  • Muted#ebece2

Dark

  • Primary#cfef6e
  • Accent#2f3c0b
  • Background#16180f
  • Foreground#f6f7ee
  • Muted#393c34
  • DisplaySchibsted Grotesk
  • BodyHanken Grotesk
  • MonoGeist Mono

Raw, high-contrast energy dashboard UI: lime-charged actions on hard-edged, brand-tinted neutrals, with grotesk headlines and sharp corners.

Arcwelder Static 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
energy, utilities, industrial
Mood
brutalist, bold, raw, direct
Display font
Schibsted Grotesk
Body font
Hanken Grotesk
Mono font
Geist Mono
Density
Comfortable
Contrast
High
Corner radius
2px

Use Arcwelder Static

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 “Arcwelder Static”. 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 Arcwelder Static preset”.

Get your MCP link