videorc.com

Free multistream to 6+ platforms. Open source. Runs on your computer.saved 15h ago · captured 15h ago

Ten details, nine pinned.

View as Markdown ↗

Colors8 colors · ground #131317

ground#131317·90.49%#2f2f32·3.31%#4c4c4f·1.48%accent#f6f6f7·1.12%#6e6d70·1.12%#aeaeb0·1.01%#cececf·0.86%#8f8f91·0.50%

Sized by coverage · click to copy.

Typography1 family · 5 styles · -apple-system

The future of video starts here.

-apple-system · 84/86 · 500 · -2.1px

Everything you need in one window

-apple-system · 52/55 · 500 · -1.3px

Record locally for free

-apple-system · 36/40 · 500 · -0.9px

Body

Record your screen, camera, and mic, then go live on 6+ platforms at once, free.

-apple-system · 16/26 · 400 · normal

Small

492

-apple-system · 13/13 · 500 · normal

Specimens are the page's own words at their measured metrics; shown in Inter when the family is not loaded.

ButtonsDownload1 style

Download

primary · fill #f5f5f6 · label #18181b · radius 9999px · border 0px · padding 0px 24px · height 52px · type 14px / 500

Shape5 radii · 72 uses

9999px31 uses · 43%

24px23 uses · 32%

18px7 uses · 10%

8px7 uses · 10%

4px4 uses · 6%

AnalysisA near-black, almost fully achromatic desktop-app landing page.

A near-black, almost fully achromatic desktop-app landing page. The only "color" is a grimacing orc mascot, a gray-on-gray stencil scattered with app screenshots across the hero, and the platform logos. Everything else is a zinc ramp from #131317 to #f6f6f7. The system font (-apple-system / SF Pro) does all the display work at weight 500 with tight negative tracking, so the page reads like Apple's product chrome rather than gamer-neon. Bright white pill buttons stand in for an accent. Below the hero the layout turns sober: full-bleed hairline-ruled feature rows with mono index numbers, a mono tabbed product walkthrough, then two big 24px-radius pricing cards. The monster decal gives it attitude without breaking the restraint.

Style recipeBuild a dark, achromatic, tool-grade marketing page.

Build a dark, achromatic, tool-grade marketing page. Background #131317; raised surfaces #1c1c20 to #2f2f32; hairlines #2f2f32 at 1px; text #f6f6f7 for headings, #aeaeb0 for body, #6e6d70 for meta. Use no brand hue: white #f5f5f6 filled pills with #18181b text are the accent, and real color appears only in content (logos, screenshots, an illustrated mascot). Type is the system stack (-apple-system, SF Pro Text, Segoe UI) throughout. Display weight is 500 with tracking at -0.025em: 84px/1.02, 52px/1.05, 36px/1.1. Body is 16px/26px weight 400, and buttons are 14px weight 500. Pair it with a monospace face for index numbers, tab labels and small lowercase microlabels. Radii: 9999px for every button, nav island and chip; 24px for large cards; 18px for media frames; 8px and 4px for small UI. Buttons are 52px tall with 24px side padding: primary is a solid near-white pill, secondary a ghost pill with a 1px hairline border. Navigation floats as separate pill islands with no header bar, and the center island can show scroll progress. Lay out features as full-width rows split by hairlines, with a mono index, a heading and a narrow muted description column, rather than card grids. Texture dark heroes with sparse, low-contrast, blob-masked image tiles at about 15% visibility. Separate surfaces by tonal step rather than shadow. End with an oversized, faded wordmark cropped by the page edge.

Details10 worth noting

videorc.com — the captured page — Landing, 1440 × 900 · captured Oct 9, 2026

1Menu pill with scroll percentage
The center nav pill doubles as a scroll-progress readout. A white "Menu" capsule holds a gray inner chip that counts up 0% → 33% → 67% as you scroll, so wayfinding and navigation share one control
2Three-island floating nav
A split, floating nav: logo tile and a ghost-bordered link capsule on the left, the white menu pill centered, and GitHub star count + Login + a white Download pill on the right, all with no header bar
3Ghosted screenshot-blob hero texture
The hero background is a sparse scatter of rotated, irregular blob-masked tiles of app screenshots and the mascot, knocked down to roughly 15% contrast against #131317. You get texture and product proof without competing with the headline
4System-font display with proportional tracking
The headline is system UI at 84px/1.02, weight 500, tracking -2.1px (-0.025em), and every heading below it keeps the same -0.025em ratio (52px/-1.3px, 36px/-0.9px). Premium display type without loading a webfont
5Mono label over colored logo row
A lowercase monospace microlabel ("What are we supporting?") sits over a row of full-color platform glyphs. The only saturated color in the hero, earned by the logos themselves
6Solid and ghost pill pair
Paired pill CTAs at the same 52px height: solid #f5f5f6 with #18181b text, next to a ghost pill with a faint 1px border. Hierarchy comes from fill alone
7Hairline-ruled indexed feature rows
Feature list as full-bleed rows split by hairlines: mono "04" index at the far left, a 36px heading, and the muted body copy pushed to a narrow right column. A spec sheet instead of a card grid
8Mono-numbered segmented walkthrough tabs
A product walkthrough driven by a mono-numbered segmented tab bar (01 02 03 04) on a dark rounded track, sitting directly above the framed app screenshot
9Tonal pricing cards, superscript currency
Pricing cards at 24px radius, set apart only by tonal fill (#1c1c20 versus a darker card). The billing toggle carries a tiny outlined "2 months free" pill, and the price uses a superscript dollar sign
10Oversized faded footer wordmark
A giant, clipped "Videorc" wordmark in barely-there gray bleeds off the bottom of the footer as a sign-off

saas · landing · dark · dark-techno, minimal · technical, confident, edgy, serious

videorc.com

More like this