GitHub

Marketing blocks

Hero, CTA, feature grid, FAQ, marquee, navbar, footer. Every tone, variant, size, alignment, and pattern is rendered so nothing is hidden.

HeroBanner

Full landing-page hero. Every tone, composition variant, and alignment.

tone default
New · @idinstudio/ui 1.0

Pragmatic products, shipped fast.

We design, build, and ship MVPs and internal tools in weeks, not quarters.

tone subtle
New · @idinstudio/ui 1.0

Pragmatic products, shipped fast.

We design, build, and ship MVPs and internal tools in weeks, not quarters.

tone inverse
New · @idinstudio/ui 1.0

Pragmatic products, shipped fast.

We design, build, and ship MVPs and internal tools in weeks, not quarters.

tone dark
New · @idinstudio/ui 1.0

Pragmatic products, shipped fast.

We design, build, and ship MVPs and internal tools in weeks, not quarters.

tone gradient
New · @idinstudio/ui 1.0

Pragmatic products, shipped fast.

We design, build, and ship MVPs and internal tools in weeks, not quarters.

variant split
Composition

Variant: split

The hero reflows between split, centered, and stacked compositions.

variant centered
Composition

Variant: centered

The hero reflows between split, centered, and stacked compositions.

variant stacked
Composition

Variant: stacked

The hero reflows between split, centered, and stacked compositions.

align left

Align: left

Text alignment inside the text column.

align center

Align: center

Text alignment inside the text column.

CTABanner

Mid- or end-of-page call-to-action. Every tone, size, pattern, and alignment.

tone default

Ready to ship?

Book an intro call — no sales pitch, just the scope.

tone inverse

Ready to ship?

Book an intro call — no sales pitch, just the scope.

tone dark

Ready to ship?

Book an intro call — no sales pitch, just the scope.

tone gradient

Ready to ship?

Book an intro call — no sales pitch, just the scope.

size md

Size: md

Vertical rhythm scales with size.

size lg

Size: lg

Vertical rhythm scales with size.

size xl

Size: xl

Vertical rhythm scales with size.

pattern none

Pattern: none

Background pattern overlay.

pattern grid

Pattern: grid

Background pattern overlay.

pattern dots

Pattern: dots

Background pattern overlay.

FeatureGrid

Responsive grid of feature tiles. Both variants and every column count.

variant cards
Why Idin Studio

Variant: cards

  • Six-week MVP

    Fixed scope, fixed price.

  • Own your code

    We hand over the repo on day one.

  • Production-grade

    Auth, observability, CI/CD from day one.

  • Engineers who design

    Same people design and build.

  • Integration-first

    Modernise incrementally, not with a rewrite.

  • Knowledge transfer

    Your team ramps before we leave.

variant plain
Why Idin Studio

Variant: plain

  • Six-week MVP

    Fixed scope, fixed price.

  • Own your code

    We hand over the repo on day one.

  • Production-grade

    Auth, observability, CI/CD from day one.

  • Engineers who design

    Same people design and build.

  • Integration-first

    Modernise incrementally, not with a rewrite.

  • Knowledge transfer

    Your team ramps before we leave.

columns 2

  • Six-week MVP

    Fixed scope, fixed price.

  • Own your code

    We hand over the repo on day one.

  • Production-grade

    Auth, observability, CI/CD from day one.

  • Engineers who design

    Same people design and build.

columns 3

  • Six-week MVP

    Fixed scope, fixed price.

  • Own your code

    We hand over the repo on day one.

  • Production-grade

    Auth, observability, CI/CD from day one.

  • Engineers who design

    Same people design and build.

  • Integration-first

    Modernise incrementally, not with a rewrite.

  • Knowledge transfer

    Your team ramps before we leave.

columns 4

  • Six-week MVP

    Fixed scope, fixed price.

  • Own your code

    We hand over the repo on day one.

  • Production-grade

    Auth, observability, CI/CD from day one.

  • Engineers who design

    Same people design and build.

  • Integration-first

    Modernise incrementally, not with a rewrite.

  • Knowledge transfer

    Your team ramps before we leave.

FAQSection

Marketing FAQ on the library Accordion. Both layouts.

layout single
FAQ

Questions (single layout)

layout split
FAQ

Questions (split layout)

LogoMarquee

Client logos. Both variants — animated marquee and static grid.

variant marquee
Trusted by 100+ teams
InvibooEfisiensiAlpamayoRedek
variant grid
Trusted by 100+ teams
  • Inviboo
  • Efisiensi
  • Alpamayo
  • Redek