Brand Studio Guide

Brand Studio

Studio

A full share-page builder: 8 layouts, 6 palettes, 5 fonts, 8 animated backgrounds, and a watermark engine that runs on your exports too.

  • Studio
Quick-start presetsLayoutsPalettesTypographyBackgroundsHeadline & CTAWatermarkLive preview

Step 1 of 8: Start from a preset

Start from a preset

Studio

Six curated combos of layout + palette + animated background + font: OwnClip Dark, OwnClip Light, Cinematic, Neon, Minimal, and Editorial. Each is a one-click starting point. Your logo, headline, story, CTA, and watermark stay intact when you swap.

Tips
  • Apply a preset, then customize from there
  • Swapping presets never wipes your text or assets
Quick Start
◆
OwnClip Dark
acme.demo

Six curated combos of layout + palette + background + font.

1 / 8
All 8 steps as a list
  1. 1. Start from a presetStudio

    Six curated combos of layout + palette + animated background + font: OwnClip Dark, OwnClip Light, Cinematic, Neon, Minimal, and Editorial. Each is a one-click starting point. Your logo, headline, story, CTA, and watermark stay intact when you swap.

    • Apply a preset, then customize from there
    • Swapping presets never wipes your text or assets
  2. 2. Pick a layoutStudio

    Eight share-page templates determine where the video, headline, and CTA sit on the page: Centered for classic stack, Cinematic for full-bleed video, Split for video-and-story side-by-side, Hero for headline-first, Editorial for magazine-style, Minimal for player-only, Showcase for a spotlit player, and Sidebar for a pinned right rail.

    • Layout is per-recording, so you can ship one project as Cinematic and another as Editorial
    • Each layout previews live as you select
  3. 3. Upload your logoStudio

    Drop a PNG, JPEG, or SVG (max 2 MB). SVG is recommended because it scales cleanly to 4K. Once uploaded, OwnClip auto-extracts dominant colors from your logo and suggests them as palette options. Use the scale slider (50–150%) to fine-tune the size on the page.

    • Vector (SVG) gives the cleanest result on Retina displays
    • Auto color extraction populates your palette with brand-matched colors
  4. 4. Color themeStudio

    Pick from six preset palettes (Midnight, Snow, Ember, Ocean, Forest, Neon) or override any of nine semantic color roles individually: page background, card surface, borders, brand primary, accent, body text, headlines, CTA button, and CTA label. Every change re-renders the full share-page preview live.

    • Palettes are full systems, not just two-color picks: they cover background, text, and CTA
    • Per-role overrides let you keep a palette's feel but tweak the CTA color for emphasis
  5. 5. TypographyStudio

    Choose from Inter, Poppins, Roboto, Montserrat, or Space Grotesk. Each face is applied to every text role on the share page: headline, body, CTA, footer. If a viewer's system doesn't have the font, OwnClip falls back gracefully to the system stack.

    • Inter is the default. It's clean, neutral, and ships with macOS
    • Space Grotesk and Montserrat give a more editorial feel
  6. 6. Animated backgroundStudio

    Eight live gradient effects: Aurora, Sunset, Ocean, Neon, Forest, Lava, Galaxy, plus a dynamic "Brand Glow" that uses your own primary + accent colors. Each is rendered as soft animated blobs behind the content. Pick None for a flat, distraction-free background.

    • Brand Glow ties the background to your color theme automatically
    • None is the right call for serious / enterprise content
  7. 7. Headline, story, and CTAStudio

    Write the page copy directly in the live preview. Headline (up to 100 characters), story (up to 2,000 characters), and a call-to-action with both button text (up to 50 characters) and a URL. OwnClip validates the URL and warns if it's missing http:// or https://.

    • Click any text in the live preview to edit it inline
    • Character counts show up next to each field as you type
    • Invalid CTA URLs are flagged in amber but still let you save
  8. 8. WatermarkStudio

    Four modes: Off, Logo only, Text only, or Logo + Text together. Place it anywhere with a 9-position grid (top-left through bottom-right, including all three middle positions), pick a size (S / M / L, adaptive to your video resolution), and dial opacity from 10% to 100%. The watermark is composited into BOTH the exported video file and the share-page player.

    • Any paid plan drops the default OwnClip watermark; replacing it with your own logo or text is a Studio feature, and opt-in
    • Watermark applies to exports, not just share pages. Perfect for client deliverables
    • Logo + Text mode renders both side by side at the same opacity

Power tools

Beyond the eight steps, Brand Studio ships a few quality-of-life details worth knowing.

Live preview · desktop & mobile

Side-by-side editor with live preview. Click Mobile to test at 375 px.

Element sizes (50–150%)

Video100%
Logo100%
Heading100%

Footer attribution

Off by default for client work; keep on if you want viewers to find OwnClip.

Sync & history

Synced across all your Macs
⌘Zundo⌘⇧Zredo · 20 levels