Paste a link to an ad, a pricing page or a launch post. Claude breaks it into the moves that make it work, and how to use each one in your business.
Linear's quiet dark product look
Steal the style
Quiet Dark Tool · Inter
Palette
Near-black with gray text
Why it works: A almost-black page lets content and a few small accents stand out without noise.
How to steal it: Set the page to #08090a and use #9c9da1 for secondary text. Keep borders as faint white or black lines, and add color only in tiny status marks.
Type
One clean sans, tight scale
Why it works: A single neutral family with a strict size ladder feels calm and engineered.
How to steal it: Use Inter at 13px and 14px for most UI text. Reserve larger sizes for a few titles and tighten letter spacing slightly as sizes grow.
Shape
Small radii, round dots
Why it works: Tight corners read as precise tools, while circles mark status and avatars.
How to steal it: Use 5px to 6px radius on buttons and inputs. Use 50% on status dots and avatars.
Texture
Hairline edges instead of shadows
Why it works: Thin light edges give depth on dark surfaces where drop shadows vanish.
How to steal it: Layer an inset 1px line at about 3% white with a 1px dark outer ring. Add a small soft drop like 0 4px 4px at 10% black under floating panels.
Layout
Product UI as the hero
Why it works: Showing real screens makes the pitch concrete and keeps copy short.
How to steal it: Put a short headline and one line of support above a large app mockup. Keep the nav slim with plain text links and one sign-up button.
Signature
Mono-flavored tiny labels
Why it works: Small technical labels like issue IDs make the page feel built for builders.
How to steal it: Set ticket codes, key hints and counters in a monospace at 0.9em. Put them in muted gray beside normal text.