Steal this vault

The top-center toolbar holds twelve tools, ten with a single-letter shortcut set small at the icon's lower right (V, R, D, O, A, L, P, T, N, E), and a grey line below explains panning with keycaps for "Scroll wheel" and "Space". Steal the shortcut letter printed on each toolbar button, which teaches the keyboard while the mouse is in use.

The center block puts the logo over a three-line warning ("Your drawings are saved in your browser's storage. Browser storage can be cleared unexpectedly. Save your work to a file regularly to avoid losing it.") and then a short menu: Open (Ctrl+O), Help (?), Live collaboration..., Sign up. Steal an empty state that says where the data is stored before the first stroke, followed by the few actions with their shortcuts.

Over the form sits a four-part tab strip (User Authentication, Multi-tenancy, Enterprise Authentication, Agent Authentication), the active one in a grey pill with a purple dot. Steal a tab strip above the hero demo that names one buyer use case per tab.

In place of a CTA button pair, the hero carries a box labeled "Build with agents" with one mono line, "> Add Clerk auth to my app: clerk.com/SKILL.md", and a copy icon; the nav has no filled button, only "Sign in" and "Sign up" as text. Steal a copyable one-line prompt as the developer CTA, written as the exact instruction to paste into a coding agent.

The second headline line, "Scale to millions", switches to green #03875f under a near-black "Build in a weekend", and the same green fills "Start your project" in the hero and the nav, where it sits beside a GitHub mark and the star count "111.2K". Steal a two-line headline whose payoff line takes the primary button's color.

Just below the fold line starts a product grid: a double-width Postgres Database card with three check items, then Authentication (a blurred grid of user emails) and Edge Functions (a "$ supabase functions deploy" chip over a wireframe globe), then a row of four narrower cards. Card copy sets the key phrase dark and the rest grey. Steal product cards that each carry a fragment of their real interface and one darkened phrase.

The CTA pair is two equal rectangles: a filled indigo "Start free trial" and a white "View live demo" with indigo text and a soft shadow; the nav repeats "Start free trial" as its only filled button. Steal a demo button sized equal to the trial button, for a product whose live dashboard is its best argument.

The product shot is the dashboard itself in a browser frame: "150 current visitors" with a green dot, a strip of six KPI tiles (Unique visitors 952k, Total visits 1.6M, Total pageviews 6M, Views per visit 3.78, Bounce rate 42%, Visit duration 7m 28s) each with a percent-change arrow, and an area chart beneath. Steal a hero screenshot that opens on the KPI strip, so the numbers a customer would get are legible above the fold.

Each paid card carries its billing switch in its own header ("YEARLY" in tiny caps beside a toggle), a blue "Save 25%" chip beside the price, and every card has a one-line footnote under its button: "Free forever", "14 day free trial", "*Annual pricing". Steal a footnote under each plan button that states the commitment the click makes.

Feature lists open with an inheritance header ("Free plan features, plus:", "Teams plan features, plus:") and most items carry a dotted underline, the usual marker for a term with an explanation behind it. Steal dotted-underlined feature names in the plan list so the detail lives in the list instead of a separate comparison table.

The billing control is a segmented "Pay monthly | Pay yearly" pill with yearly selected, followed by a blue text link "Save up to 20% with yearly" and, at the far right of the same row, "Price in USD". Directly under the headline, "Trusted by teams at" leads a row of five grey logos. Steal one control row above the plans that holds the toggle, the discount and the currency.

Button fill encodes the recommendation: Business carries a "Recommended" chip and the only solid blue "Get started", Free and Plus get pale blue fills, and Enterprise gets a white "Contact Sales". Feature lists open with "Everything in Plus, and:" so nothing repeats across columns. Steal one saturated button per pricing page, plus feature lists that show only the delta from the plan before.

There is no global monthly/yearly switch: a "Billed yearly" toggle appears only in the Basic and Business columns, while the same row reads "Free for everyone" under Free and "Annual billing only" under Enterprise. Steal the per-plan billing row, which places a toggle only where it changes a price and uses the slot to state terms everywhere else.

The recommended plan has no badge: Business is the only column with a light-filled "Get started" (plus a dark "Contact sales"), while every other button is a dark pill on the #08090b ground. Steal one inverted button as the plan recommendation instead of a "Most popular" ribbon.

Text fills only the top 40% of the frame (headline, two-line subhead, form) over a full-bleed photograph of a desk and office chair on a grassy ridge above a misty valley, with the laptop on the same vertical center line as the headline. Steal a full-bleed scene whose subject sits on the axis of the centered text, leaving the lower half to the image.

The subhead's word "banking" carries a superscript footnote marker, and a dark rounded bar docked at the bottom of the fold states "Mercury is a fintech company, not an FDIC-insured bank" in small bold type. Steal a footnoted claim with its disclaimer in a bar at the bottom of the first screen, so the required text is visible without crowding the headline.

Signup sits in a card beside the headline: "Set up [logo] for free", three checkmarked lines ("97% of users pay us $0", "No credit card required", "Setup wizard installs PostHog for you"), then an orange "Get started" and an outlined "Install with AI", both with a thick bottom edge like a pressed key. Steal a hero signup card that answers the price objection as a checklist directly above the buttons.

Copy is marked up like a read document: "context layer" in the headline sits on a pale blue highlight, "analytics, errors, replays, and business data" carries a yellow highlighter swipe, and "agents" is underlined. Steal highlighter marks on the two or three phrases a skimmer must catch, applied inside the sentence instead of pulling them out into bullets.

The hero stacks four left-aligned items: a pill link "Join us at Resend Forward >" with a thin multicolor border, the two-line headline, a two-line subhead, then "Get started" as a bordered dark button beside "Documentation" as bare text with no box. Steal the CTA pair whose secondary is plain text, so the docs link is offered without competing as a second button.

The right half holds a single 3D cube of near-black facets in mixed finishes (matte, perforated, speckled), lit from above, with one pale light band sweeping diagonally across the lower third of the black ground. Steal one monochrome rendered object as the hero image, giving depth without adding a color.

Both download buttons carry the Windows logo, the hero one reads "Download for Windows", and under it two lines of small monospace text give "Windows 10+ (x64 or ARM64)" and "Install via WinGet". Steal a platform-named download button with the system requirement and the package-manager alternative set in mono directly beneath it.

The nav is a rounded, hairline-bordered capsule inset about 118px from each edge of the 1440px viewport, holding nine text links between the logo and a white "Download" button, with "Log in" as plain text. Steal a contained nav bar narrower than the viewport, which keeps a long link list reading as one object over a full-bleed background.

The nav ends in three buttons of rising weight, outlined "Get a Demo", outlined "Log In", filled black "Sign Up", and the hero repeats the logic as a filled black "Deploy now" pill beside an outlined "Talk to sales" pill. Steal one filled button per row for the self-serve path and outline everything sales-led, so fill alone marks the default.

Seven customer logos (Meta, Blackbox.ai, DoorDash, OpenAI, SpaceX, The Weather Company, Polymarket) run along the bottom of the 900px fold on the same 24px side margins as the headline, with no "trusted by" label. Steal an unlabeled logo row pinned to the bottom of the first screen and spanning the full content width.

Each card's art is a working-looking UI at small scale: a terminal reading "Pay Roastery $5.46" over an itemized receipt, a checkout with Link and Apple Pay above five payment methods, and a "Pro Plan" usage meter over a 30-day bar chart of 2,010,569,010 tokens. Steal feature cards illustrated with mockups carrying plausible line items and totals instead of icons.

An orange-to-violet gradient bleeds behind the mockups while the mockups stay white with near-black text; the one solid saturated control is the indigo expand button on the first card. Steal gradient as a backdrop layer behind white UI, and keep the solid accent for the single control in focus.

The clocks along the top set HR MIN SEC as tiny labels under each pair of digits rather than beside them, so every readout keeps the same width and the row of clocks lines up as one band. Steal units under fixed-width numerals for any row of live values.

Each console position repeats one module: a CRT on top, a matrix of square backlit keys below it, a writing ledge in front. The room reads as dense because one well-shaped unit is repeated per role, not because each role gets its own layout. Steal one module shape and repeat it.

The composition is a single vertical opposition: black left third (hair and title) against red right two-thirds (hand and scissors). The scissors cross the boundary at the exact optical centre, creating the only transition between the two fields.

Exactly two hues plus black and white. The red is a single flat value used at full strength; the black is used both as solid field and as halftone illustration. No gradients, no tints, no secondary colours.

The illustration is placed so its top edge aligns with the optical centre of the page; the title arcs above it using the same curve as the barrel rim. Subordination is by size: the figure is the largest single mass and every other element (title, author, imprint) is scaled to it.

The layout is a single vertical stack: headline (two lines), photograph, body block, footer quote. Each element spans the full width with no margins or gutters. The only spatial decision is the proportion of image height to text height, which is approximately 1:2.5.

Composition is built by subordination to a single radiating axis that begins at the figure's raised knee and spirals outward. Every element — limbs, fabric folds, text circle — is attached to that axis; moving any one forces the others to shift to maintain the vortex.

Four values only: solid purple, solid blue, black line, and white paper. The purple and blue are used as flat notan masses, never modulated. The white circle is the sole warm accent and the only place where hue and value both change at once.

The pattern is built from two values only: ground (natural linen) and float (slightly raised off-white). No outline, no fill colour. The optical vibration comes entirely from the change in surface angle and thread direction, not from hue.

The sheet is divided by a single strong horizontal: the lower 60 % holds the full-length figure; the upper 40 % is empty except for the centred word. The figure’s head breaks the dividing line by roughly one eye-height, creating a deliberate overlap that ties the two zones together.

Palette is limited to four flat colours: cadmium yellow, a warm red, black, and the cream of the paper. The yellow is used only for the figure’s dress and the red only for the hat ribbon and lips, creating two small high-saturation accents against large areas of black and cream.

The composition places the figure in the lower two-thirds, cropped at the knees, so that her head and hat sit exactly on the horizontal centre-line. All typography is pushed into the remaining top third and locked to the same centre axis, producing a single vertical spine that organises the entire sheet.

A narrow horizontal band (roughly 1/6 of total height) is reserved for the gallery name and address; everything below it is given to a full-bleed figurative illustration. The band is further subdivided by two hairline rules that align exactly with the top and bottom of the lettering, turning the type into a measured architectural frieze.

Flat yellow ground with the figure rendered in black line and two flat reds (dress and lips). The palette is restricted to four inks total, with the yellow used as both background and negative space around the black type.

The woodcut illustration sits directly above the text block with no caption or separator. The image width exactly matches the text measure, so the composition reads as a single vertical stack rather than two separate elements.