Your clipboard history, on all your devices.

Use the moodboard "Landing Director" as the style reference for the UI in my request.

Take its look and feel, not its content: the references show other products, so don't copy their text, data, brand names, features or exact layouts. Build what I ask for, in this style.

## Visual style

Dark, confident product-landing look: near-black surfaces, one warm orange accent that glows, and a lot of empty space around a few large elements.

- Shared traits: Near-black backgrounds with a single warm accent; Large, tightly tracked headlines with short supporting text; Pill-shaped primary buttons with a soft colored glow; Simple geometric decoration (circles, thin lines) instead of photos; Few elements per screen and generous whitespace
- Typography: Geometric sans-serif (Inter or Geist). Headlines 56–72px, semibold, letter-spacing around -0.03em; body 16–18px in a muted gray; small labels in uppercase with wide tracking.
- Shapes and borders: Fully rounded pills for buttons and badges, 12–16px radius on cards and inputs, 1px hairline borders in white at about 10% opacity, 2px rounded strokes on icons.
- Layout and density: Low density: one idea per section, centered hero, 96–128px of vertical padding between sections, content width around 1100px, 8px spacing scale.
- Depth and effects: Colored glow under the primary button (0 10px 30px -10px, orange at about 60%). A 135° orange-to-pink gradient only on the main call to action. Floating bars are translucent (white at 5%) with backdrop blur. No hard drop shadows and no textures.
- Imagery and icons: Line icons in the accent color and abstract shapes (circles, rings, stars) instead of photos or illustrations.

Avoid:
- Light or white page backgrounds
- More than one bright accent on the same screen
- Square corners on buttons
- Stock photos or heavy textures
- Dense tables and small, crowded cards

If you can see images, I can attach the screenshot from the board too: use it for style only.

## Colors

Ranked by how much each one shows up in the board.

- #0f172a background (closest Tailwind: slate-900)
- #f97316 primary accent (closest Tailwind: orange-500)
- #f8fafc text (closest Tailwind: slate-50)
- #5e6ad2 secondary accent (closest Tailwind: indigo-500)
- #64748b muted text (closest Tailwind: slate-500)

```css
@theme {
  --color-background: #0f172a;
  --color-primary-accent: #f97316;
  --color-text: #f8fafc;
  --color-secondary-accent: #5e6ad2;
  --color-muted-text: #64748b;
}
```

## Notes and copy from the board

Use them only where they fit what I ask for.
- Copy once. Paste anywhere.

## Inspiration links

- Linear – Plan and build products: https://linear.app

## Code snippets to reuse

```css
.btn-glow {
  background: linear-gradient(135deg, #f97316, #db2777);
  border-radius: 9999px;
  box-shadow: 0 10px 30px -10px rgb(249 115 22 / 0.6);
}
```

## SVG assets

```svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#f97316" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l2.6 5.6 6.1.7-4.5 4.2 1.2 6L12 16.6 6.6 19.5l1.2-6L3.3 9.3l6.1-.7z"/></svg>
```