GitHub

Composed

Higher-level cards and patterns built from primitives + layouts. Every sample below is exhaustive — each labeled row shows every variant, severity, size, and state.

PageHeader

Application page header with title, description, meta, actions, tabs. Booleans sticky +.

default

Workspace settings

Billing, members, and integrations.

meta + actions

Workspace settings

Billing, members, and integrations.

Admin only
inset

Inset header

inset adds the header's own horizontal gutters — for standalone use against a bare edge. Default is flush (rata kiri), so the title aligns with an already-padded container's content.

SectionHeader

Eyebrow + title + description + actions. Alignments and content widths.

align: left
Pricing

Simple, predictable pricing

Pay for the seats you need. Cancel anytime.

align: center
Features

Everything you need to ship

A complete toolkit for founders who need production-grade software in weeks.

width: narrow

Content width — narrow

The description column is capped at the width preset; narrow reads tightest, full spans the container.

width: medium

Content width — medium

The description column is capped at the width preset; narrow reads tightest, full spans the container.

width: wide

Content width — wide

The description column is capped at the width preset; narrow reads tightest, full spans the container.

width: full

Content width — full

The description column is capped at the width preset; narrow reads tightest, full spans the container.

MetricCard

KPI card with value, unit, delta, icon, and loading state. Delta direction drives the semantic colour.

delta
Active users
12,483
+12.4%vs last week
Churned
312
+4.2%vs last week
Open tickets
48
0%today
invertSemantic
p95 latency
142ms
+8%vs last run
Error rate
0.4%
+2.1%vs last run
loading
Monthly revenue

StatCard

Large single-stat display. Every severity accent, every size, both alignments.

severity
primary
99.98%

past 90 days

success
99.98%

past 90 days

info
99.98%

past 90 days

warning
99.98%

past 90 days

danger
99.98%

past 90 days

neutral
99.98%

past 90 days

size
Size md
$48,320

2,450 transactions

Size lg
$48,320

2,450 transactions

Size xl
$48,320

2,450 transactions

align
Left
142

in the last hour

Center
142

in the last hour

StockBriefCard

One instrument's recommendation + news summary, with source links for verification. Recommendation action drives the badge severity; news is a plain data list, no fetching.

BUY · trending · with news

BBCA

IDXTrending

Bank Central Asia

IDR 9,850.00+1.80%
BUY

High confidence

Kredit korporasi bertumbuh solid, valuasi masih wajar dibanding rata-rata sektor.

Invalidation: Turun di bawah support Rp 9.200.

Related news

HOLD / AVOID

TLKM

IDX

Telkom Indonesia

IDR 3,180.00-0.60%
HOLD

Medium confidence

Pertumbuhan pendapatan data melambat, menunggu katalis dari IndiHome.

Related news

No recent news

Verified coverage will appear here once new sources are published.

GOTO

IDX

GoTo Gojek Tokopedia

IDR 62.00-4.70%
AVOID

Medium confidence

Bakar kas berlanjut, jalur menuju profitabilitas belum jelas.

Invalidation: EBITDA positif dua kuartal berturut-turut.

Related news

empty news

ADRO

IDX

Adaro Energy

IDR 2,670.00+3.20%
ADD

Harga batu bara rebound, margin operasional membaik.

Related news

No recent news

Verified coverage will appear here once new sources are published.

FeatureCard

Marketing feature tile. Every icon tone, both orientations, interactive + link.

iconTone

primary tone

Fixed scope, fixed price. A real first paying customer by sprint four.

secondary tone

Fixed scope, fixed price. A real first paying customer by sprint four.

neutral tone

Fixed scope, fixed price. A real first paying customer by sprint four.

success tone

Fixed scope, fixed price. A real first paying customer by sprint four.

info tone

Fixed scope, fixed price. A real first paying customer by sprint four.

warning tone

Fixed scope, fixed price. A real first paying customer by sprint four.

danger tone

Fixed scope, fixed price. A real first paying customer by sprint four.

orientation

Vertical

Icon stacked above the copy.

Horizontal

Icon beside the copy.

interactive + link

Engineers who design

No design-dev handoff.

Learn more

ServiceCard

Agency service tile with bullet deliverables. Default vs featured.

default

Internal tools

Replace your spreadsheets

Typed, opinionated internal tools for ops, finance, and compliance.

  • Custom dashboards
  • Admin consoles
  • Data pipelines
featured

MVP launch

Zero to production in 6 weeks

We design, build, and deploy your first customer-ready product.

  • Full product design
  • Frontend + backend
  • Deployed on modern infra
Book a call

TestimonialCard

Customer quote card. Both variants and every rating — seeded with Sundanese sample people.

variant
Idin Studio shipped our first paying product in four weeks. No agency we've worked with comes close.
Ahmad MuhyidinManajer Produk
Engineers who design. Designers who ship. Honest feedback, honest timelines. Rare in our industry.
Novi YantikaPerancang UI
rating
Rated 1 of 5 — a representative review from the team.
Azlan AlthafPengembang Frontend
Rated 2 of 5 — a representative review from the team.
Muhvi KavandraAnalis Data
Rated 3 of 5 — a representative review from the team.
Numa RaynatulPengembang Backend
Rated 4 of 5 — a representative review from the team.
Zoya QiaraStaf Keuangan
Rated 5 of 5 — a representative review from the team.
Aqila MashellKepala Operasional

PricingCard

SaaS pricing tier with included / excluded features. Highlighted + badge, and every size.

tier / highlighted

Starter

For solo operators

$0/mo
  • Included: 1 workspace
  • Included: 3 team members
  • Included: Community support
  • Not included: SSO + SCIM
Most popular

Team

For growing teams

$49/mo
  • Included: Unlimited workspaces
  • Included: Unlimited members
  • Included: Priority support
  • Not included: SSO + SCIM

Enterprise

For regulated industries

Custom

Billed annually

  • Included: Everything in Team
  • Included: SSO + SCIM
  • Included: Dedicated CSM
  • Included: Custom SLA
size

Size sm

For growing teams

$29/mo
  • Included: Unlimited workspaces
  • Included: Priority support
  • Not included: SSO + SCIM

Size md

For growing teams

$29/mo
  • Included: Unlimited workspaces
  • Included: Priority support
  • Not included: SSO + SCIM

Size lg

For growing teams

$29/mo
  • Included: Unlimited workspaces
  • Included: Priority support
  • Not included: SSO + SCIM

EmptyState

Zero-data placeholder with value-forward copy. Every size, and with / without actions.

size

No projects yet

Create your first project to track tasks.

No projects yet

Create your first project to track tasks.

No projects yet

Create your first project to track tasks.

actions

No matches found

Try a broader search, or create a new project.

ErrorState

Error placeholder with retry. Every severity, plus a code and retry action.

severity

neutral error

Check your connection and try again.

with code