Dark hero with an Announcement pill, headline and two buttons at top left, and a large BlackHole orb in a warm Gargantua palette that sits bottom right on wide screens and below the copy on narrow ones.
The source comes with full access.
One payment of $149 ($49 for now) opens the source right here and lets the CLI install every paid component, with lifetime updates.
pnpm dlx shadcn add @01orbital/offset-hero-01npx shadcn add @01orbital/offset-hero-01yarn shadcn add @01orbital/offset-hero-01bunx --bun shadcn add @01orbital/offset-hero-01Part of the 01orbital library. With a license, put ORBITAL_TOKEN in .env.local and the same command installs it (licensed install, pricing).
It lands at components/blocks/hero/offset-hero-01/index.tsx, as source you own and edit.
import OffsetHero01 from "@/components/blocks/hero/offset-hero-01"
export default function Example() {
return <OffsetHero01 />
}npm: @phosphor-icons/react, cn. The CLI installs them for you.
Registry pieces it installs with it:
buttonheroFull-Bleed Art Hero with Scrim
Dark hero with full-bleed art and the copy set in the right half, where an EdgeScrim darkens the scene. Uses BoneSlabs by default; title, description, both actions and the art are props.
Letterpress Card Stock Hero
Light letterpress hero on cream CardStock: an eyebrow, debossed sans headline, description, and an ink and a stock CardStockButton beside a tipped-in plate holding a gold ColorWash with a figure caption.