# bitrig.com

Source: https://bitrig.com/
Captured: 2026-10-04
Tags: saas, landing, mixed, both, playful, glassmorphic, minimal, optimistic, energetic, friendly, confident, premium
Colors: #f6f4fa, #d8cadd, #322f3c, #8858cc, #aba7b8, #505256, #6b30c1, #121312
Type (h1): ABC Favorit Variable Variable Regular · 88px/92.4px · 400 · tracking -4.4px — "Build and ship native Swift apps with AI"
Type (h2): ABC Favorit Variable Variable Regular · 117px/111.15px · 400 · tracking -3.51px — "From idea to App Store"
Type (h3): ABC Favorit Variable Variable Regular · 16px/16px · 400 · tracking 0.32px — "Download for Mac"
Type (body): ABC Favorit Variable Variable Regular · 20px/27px · 400 — "Describe what you want to build, and Bitrig turns it into real Swift code you ca"
Type (small): ABC Favorit Variable Variable Regular · 12px/20px · 400 · tracking -0.24px — "Requires macOS 15+ and Apple silicon"
Type (button): sans-serif · 12px/normal · 400 — "Download for Mac"
Button: "Download for Mac" — text #ffffff, radius 999px, border 0px, padding 12px 20px, height 44px, type 12px/400
Radii: 22% (41), 12px (8), 999px (2), 32px (2), 40px (1)

## Images

- Hero (desktop): https://media.lvly.design/library/bitrig-com/hero.webp?v=2b93d657
- Page crop (mid-1): https://media.lvly.design/library/bitrig-com/mid-1.webp?v=16115279
- Page crop (mid-2): https://media.lvly.design/library/bitrig-com/mid-2.webp?v=72874c07
- Hero (mobile): https://media.lvly.design/library/bitrig-com/mobile-hero.webp?v=07f42142
- Full page (desktop): https://media.lvly.design/library/bitrig-com/full.jpg?v=d3031f89
- Full page (mobile): https://media.lvly.design/library/bitrig-com/mobile-full.jpg?v=08bb1792
- Clip preview (mp4): https://media.lvly.design/library/bitrig-com/video-l3qp0a.preview.mp4?v=ec6b1fd7

A Mac app for building Swift apps with AI, presented as a love letter to the iOS home screen. The hero is near-white lavender (#f6f4fa) with a fan of glossy, squircle app icons falling from the top edge and narrowing to a V that points at one larger brand icon. Below it sits a tight two-line ABC Favorit headline at 88px, weight 400 with -4.4px tracking, and a single combined pill pairing the download CTA with a row of device glyphs. From there the page drops the white and moves through full-bleed color bands: a violet-to-magenta wash, a hot orange-to-red gradient with a floating Liquid Glass prompt card over iPhone mockups, a blue-violet "get paid" band, an electric-violet testimonial, and a charcoal dotted-grid section for the companion app. Every band is a single saturated gradient with white type and one product visual, so the long scroll reads as a series of app-icon colors rather than a stack of sections. A frosted pill nav floats over all of it, tinting to match whichever band sits behind it.

## Steal-worthy details

- An icon cascade as the hero image. Dozens of 22%-radius app icons hang from the top edge in staggered columns and taper into a V that lands on one larger brand icon. It says "native apps" without a screenshot and gives the eye an arrow pointing at the logo.
- Frosted floating nav pill. A translucent capsule (999px radius, white about 60% with backdrop blur) holds a monospace-ish wordmark, a segmented "Mac" chip for the active item in solid white, gray links, and a black "Download" capsule at the end. It never docks to a bar, and it picks up the tint of every color band it passes over.
- CTA fused with a capability strip. The black "Download for Mac" pill sits inside a wider white outlined capsule whose right half reads "Build for" followed by seven line-icon device glyphs (iPhone, iPad, Mac, Watch, TV, Vision). One shape covers both the action and the platform support, so no separate badge row is needed.
- Credibility eyebrow under the logo. "From co-creators of SwiftUI" plus the Swift bird, set at 14px in gray between the icon and the headline. It is pedigree used as a kicker, and it is smaller than anything else above the fold.
- Full-bleed gradient bands per feature. Each section gets its own saturated diagonal gradient (violet, orange to red, blue to purple, electric violet) with centered white display type, so the scroll is chaptered by color instead of by dividers.
- A Liquid Glass prompt card over device mockups. A large frosted panel overlaps two phones and shows sparkle-prefixed suggestion chips in violet ("Active Pill", "Premium Card"), a big prompt line with the trailing word grayed, and a black circular send button with a cursor on it. The AI interaction becomes the hero object of the section.
- A testimonial set as display type. The quote is italic Favorit at about 52px in white on electric violet, with the second half of each line faded to about 60% opacity, a giant outlined quote mark above, and only a round avatar and name for attribution.
- A charcoal dotted-grid band for the companion app. The one dark section (#121312 to #322f3c) uses a faint dot matrix, so the "Remote" product reads as a different mode without leaving the system.
- The icon cascade comes back as the footer cap. A short arc of the same app icons sits on the footer's top edge, closing the page with the image it opened on.

## Style recipe

Build an Apple-native, color-joyful product page. Start light: a #f6f4fa lavender-white canvas, #121312 ink, #505256 / #aba7b8 grays. Set everything in one neo-grotesk (ABC Favorit, or Inter Display / Suisse as a fallback) at weight 400 only, and get hierarchy from size and tracking. Display runs 88–117px with tracking around -0.04 to -0.05em and line-height 1.0–1.05. Body is 20/27px. Small print is 12px with -0.02em tracking. Use italic display only for testimonials. The radius language is iOS: squircle icons at 22%, cards at 12–32px, every control a 999px pill. Primary CTA: a black pill (#000, white 14–16px text, about 44px tall, 12px 20px padding). Nest it inside a white outlined capsule that carries a secondary row of thin line icons, so action and context share one shape. Navigation is a centered floating capsule, translucent white with backdrop blur. Mark the active item as a solid white segment and put a black pill CTA at the end. Never use a full-width bar. Below the light opening, chapter the page with full-bleed diagonal gradients, one per feature: violet #8858cc to #6b30c1, orange #f2804f to red #d42a1a, blue to purple, electric violet #5b10f5. Center white display type on each, with a single product visual (a device mockup or one big glossy 3D icon). Float frosted "liquid glass" panels over mockups, and use the brand violet #6b30c1 for sparkle-prefixed AI chips and highlights. Give one secondary product a charcoal band (#121312 to #322f3c) with a faint dot grid. Fade the trailing half of headlines or quotes to about 60% white for rhythm. Decoration comes from glossy colored app-icon tiles, which can open and close the page as a motif, not from illustration or borders. The gradients are the color. The light canvas and black CTAs stay neutral.