Arc Studio
Brand book.
How Arc Studio looks, sounds and ships. Everything here is live: the assets below are rendered from the same tokens the app uses.
01
Logo
Two nested arcs over a baseline dot, beside the Arc Studio wordmark. Bare arcs in the UI; on an ink tile wherever the mark stands alone (favicon, avatar).
Clear space & construction
Keep one quarter of the mark's width clear on every side. The arcs sit on a 32-unit grid; on a tile they scale to 80% inside an 8-unit corner radius.
Mark files
Smallest sizes: mark 24px, lockup 96px wide. Below that, use the mark alone.
- ✓Use the bare arcs in the UI, and the ink tile where the mark stands alone (favicon, avatar).
- ✓Switch to the violet tile only when the ink tile would disappear on a dark background.
- ✕Recolor the tile, add gradients, outlines or drop shadows.
- ✕Stretch, rotate, or set the wordmark in any other typeface.
- ✕Place the lockup over busy, bright parts of an image without a shade.
- ✕Write the name in any other case. It is always Arc Studio.
02
Color
Dark, quiet surfaces so the renders carry the color. Lime is loud on purpose, so spend it sparingly.
#a08cff
--accent
Brand, primary actions, the one word that matters
#0f1113
--bg
Canvas. Every surface starts here
#16181a
--panel
Cards, composer, sheets
#1c1e20
--raised
Chips, hover, inputs
#f7f7f8
--ink
Primary text on ink
#9a9da3
--muted
Secondary text, captions
#ff3d8b
-
TOP badges only
#ff5a5f
--danger
Errors, insufficient funds
Proportion
Roughly 60 ink · 20 panel · 12 paper · 6 lime. If a screen looks lime, it is too lime.
03
Type
Three faces, three jobs. Grotesk shouts, Inter explains, Mono counts.
MAKE IT ANYTHING.
Every top image and video model in one studio. Pay per render.
$0.7920 USDC · chain 5042 · 0x3600…0000
Emphasis is color, not weight: set the key word in lime (ANYTHING.). Never italicize Grotesk except inside the sticker.
04
Voice
Short, specific, a little cocky. Say the price, say the model, get out of the way.
Tagline
Make it anything.
Primary line, used as-is on the site, OG and headers. Alternates for campaigns and ads:
Naming
- MAKE: always uppercase, never “Make” or “make”.
- arcstudio.fun: always lowercase, in mono.
- On X we are @arcstudio_ai.
- Models keep their own names: Kling 3.0, Soul 2, MiniMax H3.
- Money is USDC with a dollar sign: $0.7920 USDC.
- ✓Lead with the number: price, seconds, resolution.
- ✓Verbs first. “Make”, “Render”, “Recreate”, “Pay”.
- ✕Hype words: revolutionary, unleash, next-gen, game-changing.
- ✕Hide the cost behind credits or tiers.
✓Kling 3.0 is live. $0.0763 a second.
✕Unlock unlimited creative potential with our revolutionary AI!
✓Pay per render. No plan, no credits.
✕Flexible subscription tiers for every creator.
✓Settled on Arc · tx 0x3f…a1
✕Your payment is being processed securely.
05
Imagery
Two registers: cinematic campaign stills for brand moments, and the full range of generated styles for product surfaces.
Campaign · cinematic
- ✓Anamorphic, film-still framing. Teal-and-black grade.
- ✓One lime object in frame: a car, a jacket, a rim light.
- ✓Leave a quiet side for copy; shade it to ink before setting type.
- ✕Stock-photo smiles, laptops on desks, glowing brains.
Product · any style
Anime, clay, pixel, noir, pop art, anything goes inside the feed. Themes stay general: everyday moments, styles, and other worlds.
06
UI kit
The handful of pieces every screen is built from. Radius 8–12px, hairline borders, no shadows except on floating panels.
Buttons
Section title & sticker
Badges & chips
Price & chain data
07
Social kit
Ready-to-upload headers and share cards. Copy stays clear of the bottom-left corner, where X puts the avatar.
Regenerate after a copy or photo change: edit src/brand/renders.tsx, then run pnpm brand:export with the dev server up.