7ovr

Compact call to action card on a muted background with dual buttons and a join 10,000+ teams social proof line.

Dense grid of 18 service logo tiles with category toggle filters, each tile opening a connect dialog for that integration.

Compact centered profile card with avatar, role, location, a three column stat strip, and Follow and Message buttons for sidebars or directories.

Compact centered settings card with avatar upload, name and email fields, timezone, density radios, notification checkboxes, a two-factor switch, and delete-account confirmation.

Integration cards for Slack, GitHub, Notion and Figma, each opening a connect dialog with a notifications switch and a success toast.

Settings-style integrations grid where each app card has a switch to connect or disconnect, with category badges and a live connected count.

Contact section pairing email, phone, and office details with a message form using a topic select and toast confirmation.

Contact section with a message form beside a static map placeholder and address cards for the San Francisco, Berlin, and Singapore offices.

Cookie preferences panel with switches for necessary, analytics, and marketing categories, plus save preferences and reject all buttons.

Cookie consent card pinned to the bottom left corner with accept all, reject, and preferences actions under a privacy heading.

Four-up stat grid whose numbers count up from zero when scrolled into view, each cell pairing an icon with a growth delta badge.

Careers culture page selling life at the company with a photo strip, a three-up values grid, a perks and benefits row, and a closing call to action.

Current-plan billing card with monthly price, renewal date, a seat usage bar, and a dialog of radio tiers for switching plans.

Logged-in dashboard app template with a collapsible sidebar and command palette top bar wrapping stat cards, an interactive area chart, and a sortable, paginated data table.

App layout with a collapsible icon sidebar of grouped navigation beside a dashboard inset of stat tiles and a project listing.

Team grid of six people in a hairline-divided layout, each with an avatar, name, role, department badge, and one-line bio.

Detail view page header with a back link, status badge, owner avatar and created date metadata, a contributor avatar stack, and share and edit actions.

One-to-one chat conversation with a contact header, sender-aligned message bubbles, a date marker, auto-follow scrolling, and a working composer.

Stack of dismissible inline notification alerts in success, info, warning, and error variants, resolving to an all caught up empty state.

Dismissible top announcement bar above a centered release callout card with a What's New badge, headline, and two call-to-action buttons.

Compact getting-started widget with a dismiss button, progress bar, and a five-step checklist showing completed steps struck through.

Bento grid divided by hairline borders, led by a build-pipeline tile with a terminal snippet, plus an uptime stat and language tags.

Blog post list of five articles as divider-separated rows with category badge, date, title, excerpt, and author, with no cover images.

Documentation article with breadcrumb navigation, a last-updated line, prose body containing a code block, and previous and next pagination cards.

File upload card with a drag-and-drop dropzone and an attachment list showing a spinner per file while uploading and a check when finished.

Call to action section with an inline email capture form, a submitted confirmation line, and a no spam privacy note.

Bento grid of four identically sized tiles under a centered heading, each with a square icon, category badge, title, and one-line description.

Features checklist in two columns listing twelve check-marked capabilities (SSO, audit log, uptime SLA) with one-line descriptions, no cards or images.

Cookie consent banner with accept and reject actions plus a Customize control that expands per-category consent switches inline.

Search panel with a query field, a sidebar of type facets with live counts that narrow the list, and results showing title, type badge, and snippet.

Error empty state for data that failed to load, with a destructive alert icon plus Try Again and contact support actions.

FAQ accordion beside an intro column holding a contact-support card whose dialog collects an email and message, confirmed by a toast.

FAQ accordion with a sticky sidebar card offering contact support in a dialog and a link to browse documentation.

Blog index with a featured post, category filter pills, and a three-column grid of post cards that filters on selection.

Invoices table with a client filter, row selection, bulk mark as paid, payment method and due date columns, status badges, and pagination.

Filterable jobs board with a search field, department filter pills, a live result count, and a scrollable list of roles with location and type.

Image gallery grid with tag filter toggles, hairline-gap tiles, hover overlays naming the contributor and location, and a lightbox dialog per photo.

First-run empty state prompting users to create their first project, with New Project and Import buttons and a three-tip getting-started row.

First-run onboarding empty state with a layered rocket illustration, welcome badge, create-project button, take-the-tour action, and reassurance hints.

Sidebar with a single flat navigation list (icon, label, badge count) beside a task table showing priority indicators, status badges, and a new-task dialog.

Compact KPI strip of six metric tiles in a flush grid, each with label, value, and directional delta, switched by a quarter select.

Forgot-password card that validates an email, then switches to a check-your-inbox confirmation with a use-another-email option and back-to-sign-in link.

Two-column company story pairing a grayscale team photo with a founding narrative and a three-metric row for teams, uptime, and countries.

Project kanban board with To Do, In Progress, Review, and Done columns, per-column counts, and drag and drop reordering across columns.

Billing page combining a plan summary, storage usage bar, payment method card, and a sortable, paginated invoice table.

Full bleed coming soon hero over a gradient and grid backdrop, with a brand mark, launch badge, email capture with success state, and social buttons.

Full-height split-screen sign-in with email, password, remember-me, and Google or GitHub buttons beside a dark marketing panel on a grid backdrop.

Full-page onboarding survey showing one question per screen in oversized type, with letter-key shortcuts and a thin progress bar across the top.