Sections

Page sections

Marketing and app sections from core/components/sections.css: everything themes style, with no script. Dismissable banners use a checkbox; the flyout and mega menus are popovers.

Page and section headings .page-heading, .section-heading

A title row with breadcrumbs, meta and actions; the actions wrap under the title on narrow screens.

Back end developer

Full-time Remote $120k – $140k

Applicants

Everyone who applied in the last 30 days.

Action panel .action-panel

One decision in a box; .is-danger edges it in red.

Renew subscription automatically

Your plan renews on 1 November. You can switch this off at any time.

Delete your account

Once you delete your account, you lose all data associated with it.

Media object .media-object

An image beside a body; nests for replies. .is-center, .is-reverse.

LW

Lindsay Walton

Getting the team aligned on the release took one meeting, not five. The new board is a big improvement.

TC

Tom Cook

Agreed, and the notes come out automatically now.

AR

Reversed and centred

The image sits on the far side, aligned to the middle of the text.

Feature grid .features

Feature sections and incentives: icon, title, text. .is-centered centres them.

  • Push to deploy

    Every commit to main ships to staging in under a minute.

  • SSL certificates

    Issued and renewed for every domain, at no cost.

  • Simple queues

    Background jobs with retries and a dashboard to watch them.

  • Advanced security

    Single sign-on, audit logs and per-team permissions.

Announcement banner .banner

Ticking the close box hides it with no script. .is-accent fills it.

Bento grid .bento

Four columns, two on tablets, one on phones; .is-wide and .is-tall span more.

Performance

Lightning-fast builds with incremental caching across every branch.

Releases

Ship on a schedule, roll back in a click.

Security

Audit logs and SSO out of the box.

Powerful APIs

Every action in the dashboard is one API call away.

FAQ .faq

Questions and answers, two columns when there is room. For a collapsible list, use .accordion.

How do I pay?
By card, or by invoice on annual plans. Prices include VAT where it applies.
Can I change plans later?
Yes. Upgrades apply now and are prorated; downgrades apply at the next renewal.
Is there a free trial?
Every plan has 14 days free, no card needed.
Where is my data stored?
In the region you pick at sign-up: EU, US or Asia-Pacific.

Logo cloud .logo-cloud

Muted to one tone; .is-color keeps brand colours. Every logo keeps its alt text.

  • Transistor
  • Reform
  • Tuple
  • SavvyCal
  • Statamic

Testimonials .testimonial

A quote card, or one large .is-featured quote.

“The live states saved us a week of design work.”

LALeslie Alexander@lesliealexander

“Our ops dashboard looks like a starship now. The team loves it.”

MFMichael Foster@michaelfoster

“Accessible by default, which is rarer than it should be.”

DVDries Vincent@driesvincent

Newsletter signup .newsletter

Text and form side by side when there is room, stacked when not.

Team .people and .person

Photo, name, role and links.

  • Leonard Krasner

    Senior designer

  • Floyd Miles

    Principal engineer

  • Emily Selman

    VP, user experience

  • Kristin Watson

    VP, human resources

Blog cards .card.has-media + .post-meta

A recipe: core image cards with a byline.

Contact section .contact-list

Ways to get in touch beside a form (a recipe with core fields).

Get in touch

We reply within one working day.

Address
545 Mavis Island, Chicago, IL 99191

Looks good.

Flyout and mega menus .menu-feature, .mega-menu

Rich menu items in a core popover; the mega menu lays them out in a grid with a footer.