@beste-ui

Two-column about section with mission statement, company stats, and team member grid. Perfect for company pages and landing sections.

Full-width team photo with a three-column values grid below. Great for culture pages and brand storytelling.

Two-column layout with company stats on the left and a vertical timeline of milestones on the right. Ideal for company history and growth stories.

Founder blockquote with avatar, followed by a horizontal team member row. Ideal for leadership pages and company introductions.

Side-by-side layout with a tall image on the left and company story, inline stats, and CTAs on the right.

Asymmetric two-column layout with heading on the left and numbered company principles on the right. Clean and editorial.

Three-column grid of team member cards with avatars, roles, and short bios. Great for leadership and team pages.

Four-column stats grid with large numbers, titles, and supporting descriptions. Perfect for impact and results sections.

Centered mission statement with a logo strip of trusted partners below. Ideal for building credibility on landing and about pages.

Asymmetric bento grid combining a mission card, team photo, stats, and stacked avatars. A modern, compact about section.

Wide hero image with gradient overlay text, inline stats, and a stacked avatar strip of team members.

Four-column numbered process cards showing how your company works. Each step has a large number, title, and description.

Asymmetric layout with company story and image on the left, and a vertical list of company details on the right. Great for press and investor pages.

Horizontal stats row at the top followed by a centered story card with heading, body text, and CTAs.

Editorial-style open letter with paragraphs, a personal signature with avatar, and a call-to-action. Great for founder stories.

Three-column cards for vision, mission, and values with labeled headers. Clean editorial layout for company positioning.

Vertical list of awards and accolades with icons, titles, organizations, and years. Ideal for press and credibility sections.

Four-column grid of office cards with city, country, address, and team size. Ideal for global companies.

Full company overview with panoramic image, story paragraph, key facts list, leadership quote, and stats row. A rich, multi-section layout for company landing …

Wide team photo, member list with avatars, team stats grid, and a culture quote. A rich team showcase layout.

Two-column layout with checklist highlights on the left, featured image and testimonial quote on the right, plus a full-width stats row.

Asymmetric two-column layout with heading on the left and question-answer pairs on the right. A conversational way to introduce your company.

Two-column layout with company story, stats, and leadership quote on the left, team photo and avatar row on the right.

Company story with image, border-accented feature highlights, and stats row. Great for craft, heritage, and product-focused brands.

Side-by-side intro with animated number counters on scroll, expanding accent bars, and hover-lift value cards. For impact-driven companies.

Centered header with interactive hover tabs that crossfade a side image. Accordion descriptions and sliding accent line. For studios and agencies.

Left intro with image, right vertical timeline with staggered scroll-reveal animation. Numbered steps with sliding content. For startup journeys.

Full-width animated marquee stats ticker, split layout with intro text and leadership avatars on the left, full-height image on the right. For SaaS and product…

Centered header with wide panoramic image, product cards with layered attributes, and sourcing grid.

Panoramic image with split header showing numbered process steps alongside. For studios and creative agencies.

Dark-overlay hero image with heading, suite/room cards with temperature and capacity badges. For hotels and hospitality.

Centered heading with description, followed by two images side-by-side. Configurable image ratio (equal, left larger, right larger). Always horizontal on mobil…

About section with an eyebrow label and read-more action on the left, a bold heading with two side-by-side images on the right, and a four-column stats band be…

About section: eyebrow label, two-tone heading, two portraits beside a 2x2 stats grid.

About section with eyebrow, stacked stats and a read-more CTA beside a media card with a watch-reel play button.

Asymmetric about with a bleeding image, vertical edge label, offset copy and an inline stats row.

Three uneven columns: a studio fact index, an oversized statement, and a portrait with signature.

About where a large heading overlaps a portrait, with a paragraph, CTA and a bottom stat ribbon.

About anchored by an oversized numeral with a paragraph and a horizontal image strip.

Magazine about where copy is interleaved between two staggered offset images.

Sticky eyebrow rail beside a story column and an offset captioned image.

About composed inside a bordered studio card with header marks, portrait and a stats strip.

An oversized about statement hero above three heterogeneous zones: portrait, values and a CTA with stats.

Layered about over a faint scrolling studio-word marquee with offset images and stats.

A founder-led pull-quote about with a portrait, signature and a facts strip.

An about intro followed by a horizontally scrollable strip mixing image, stat, quote and values cards.

A hard light/dark split about panel: dark statement side and a light image-and-facts side.

About pairing a sticky studio statement and image with a numbered list of operating principles.

About built around a dark founder portrait card with a pull-quote, signature, and supporting stats.

A pinned studio image beside a numbered, chaptered about story.

A statement heading over a belief list punctuated by intermittent inline thumbnails.

About styled as a technical spec sheet with coordinate marks, a data column and a portrait.

About with two subtly rotated, captioned studio photos clustered beside the statement.

A cinematic wide image with an overlapping inset content card and a stat ribbon.

A type-led about with an oversized statement and a four-part Who/What/How/Why grid.

Large heading with dual CTAs and a rating card, a playable video with floating metric cards, and a labelled about block with large paragraphs.

Two centered statements on a dark surface, each with an accent heading, an uppercase paragraph, and a small label beneath.

About section on a soft muted card with a monospace parenthetical eyebrow, a bold studio wordmark, a large centered statement, a logos strip, and a four-column…

Centered parenthetical eyebrow and a large statement heading, followed by a three-up row of icon pillars pairing a circular icon with a title and one-line desc…

Team section with an eyebrow, big heading, description and CTA above a responsive grid of people cards (portrait image, name, role).

Two-column about section with a sticky eyebrow and big heading on the left and a long belief paragraph above a border-separated values list on the right.

About section with a header and a vertical timeline of milestones on a left rail, each marked by a year, title, and description.

Image-led about split with a tall portrait, an offset statement heading, supporting copy, mono studio facts, and a seal CTA.

Principles section with a header and a three-column grid of six bordered cards, each pairing a circular icon with a title and description.

Centered manifesto with a very large multi-line statement heading, muted emphasis phrases, a closing line, and a single CTA.

Two-column about with a tall image on one side and an eyebrow, heading, description, and 2x2 stats grid on the other.

Founder statement with a large blockquote followed by an avatar, name, role, and a monospace signature line.

A team section with an eyebrow over a hairline rule, a two-column heading, and a grid of portrait cards each with a name and role.

A company story section that runs a two-column heading over a wide photo band, then sets three founding principles as numbered hairline columns underneath.

A company story told as hairline rows keyed by a light year figure, set against a media column that sticks while they scroll and stacks an image tile floating …

A long-form company letter set in a wide reading column with an accent-ruled pull quote and signed off by avatar bylines, beside a narrower column of captioned…

An about section on a soft surface that opens on a light statement, then lays out eight company facts as a two-column hairline definition list beside an image …

A colophon written as a definition list, each hairline row naming one part of how the site is made, the choice itself, why it was made, and an optional link in…

An about section that opens on a serif statement settling in word by word, then pairs a portrait photograph drifting inside its frame with two paragraphs, a pi…

A team section: a serif heading that settles in word by word beside the intro and a pill action, then three portrait photographs that drift inside their frames…

A history told down a single rule: a sticky column with a serif heading that settles in word by word, an intro and a pill action, beside a timeline whose ink l…

A studio tour: a serif heading that settles in word by word beside the intro and a pill action, four photographs of the rooms in an uneven, offset grid that ea…

A manifesto set as numbered serif lines that each blur in as they reach the viewport, ruled from one another, beside a sticky photograph that drifts inside its…

An about section written as a letter: a portrait drifting inside its frame on the left, and on the right a serif opening line that settles in word by word, thr…

The classic about split: a serif heading that settles in word by word, two paragraphs, a sliding-marker pill and three ruled figures that count up on the left,…

A values section: a serif heading that settles in word by word beside the intro and a pill action, then three soft muted cards with a round icon, a serif title…

An about section built around a wide photograph that drifts inside its frame: a serif heading that settles in word by word above it, then an intro with a slidi…

A sticky intro beside four resource cards on a muted fill, each one a whole link that inverts to ink on hover, carrying a ringed icon, a serif title, a line of…

A case study header with project metadata grid, service tags, and featured image. Perfect for agency portfolio pages showcasing client work details.

Oversized editorial manifesto statement with emphasized phrases, principle chips and a founder signature.

Studio values laid out with oversized ghost numerals, titles, descriptions and keywords.

Sticky studio intro with a portrait beside a stack of numbered principles.

A studio team grid of member portraits with names and roles.

Editorial list of studio awards by year with project and recognition details.

Studio overview pairing facts, copy and highlight stats with a clean studio image.

Interactive principle list that swaps a detail panel with image as each is hovered.

A bold ethos statement beside a list of concrete studio commitments.

A two-column comparison contrasting the Polaris way with a typical agency.

Client logo cloud paired with measurable engagement outcomes.

Ruled, expandable capability rows with oversized type, detail copy, and monospace tag chips.

A connected left-to-right sequence of numbered project phases with a ruled timeline and step dots.

A services section with an eyebrow over a hairline rule, a two-column heading, and an editorial list of monospace-numbered service rows split into title and de…

A four-step studio brief where the tall photograph beside it changes with the question on screen, each with its own caption, and sending the brief swaps the pl…

A hairline service list that puts the starting price on the page, each row carrying the engagement name with its duration underneath, one line of scope, and th…

Full-height centered sign-in screen with social login providers, email and password fields, a show/hide password toggle, remember-me checkbox, and forgot-passw…

Two-column registration screen pairing a sign-up form (social providers, name, email, password with show/hide, terms checkbox) with a full-bleed image showcase…

Full-height OTP verification screen with a centered icon, segmented six-digit code input, a verify button that unlocks once the code is complete, and a live re…

Full-height password recovery screen with a centered icon, single email field built on the shadcn Field primitives, a send-reset-link button, and a back-to-sig…

Full-height reset-password screen with new and confirm password fields (each with a show/hide toggle) and a live requirements checklist that ticks off rules as…

Full-height passwordless sign-in screen with a single email field, a send-magic-link button, a helper note, and social login providers below a divider. Perfect…

Full-height account picker that lists saved accounts with avatars, names, and emails, plus a use-another-account row. Perfect for multi-account apps, SSO hubs,…

Full-height re-authentication screen showing the signed-in user's avatar, name, and email with a single password field, a forgot-password link, and a use-a-dif…

Two-column sign-in screen pairing a full sign-in form (social providers, email, password with show/hide, remember me) with a brand panel that lists product hig…

Full-height biometric sign-in with an animated face-scan viewfinder that runs through idle, scanning, and recognized states, plus a continue action and a passw…

Full-height onboarding step where the user picks an account type from selectable radio cards with icons and descriptions, then continues. Perfect for tailoring…

Full-height success screen with a large confirmation check, a heading and message, a primary continue button, and a support link. Perfect for the final step af…

Full-height centered registration card with social providers, name, email, and password fields (with show/hide), a terms checkbox, and a sign-in link. Perfect …

Full-height single sign-on screen with a work-email field, a continue-with-SSO button, and Google and Microsoft providers below a divider. Perfect for B2B and …

Full-height phone-based sign-in with a country-code select paired to a phone number input, a send-code button, and an email fallback link. Perfect for SMS one-…

Full-height invitation acceptance screen showing the inviter's avatar and team name, a pre-filled disabled email, and name and password fields to set up the ac…

Full-height signed-out screen with a centered icon, a heading and message, a sign-back-in button, and a return-home link. Perfect for logout confirmations and …

Full-height security notification screen listing the device, location, and time of a new sign-in, with confirm-it-was-me and secure-my-account actions. Perfect…

Full-height OAuth consent screen showing the requesting app, the permissions it needs as a scope list, and authorize and cancel actions. Perfect for third-part…

Full-height confirmation screen shown after a magic link is sent, with a mail icon, the destination email, an open-email button, a live resend countdown, and a…

Full-height passwordless sign-in screen with a fingerprint icon, a continue-with-passkey button, and a password fallback below a divider. Perfect for WebAuthn …

Full-height two-factor backup screen that displays single-use recovery codes in a grid with copy and download actions, a warning callout, and a confirmation ch…

Full-height lockout screen shown after too many failed attempts, with a live mm:ss countdown, a retry button that unlocks when the timer ends, and a reset-pass…

Full-height profile setup step with an avatar uploader, a display name field, and a bio textarea, plus a skip option. Perfect for the post-sign-up onboarding s…

Full-height username picker with a prefixed input group, a live availability indicator, suggestion chips when a handle is taken, and a submit button that unloc…

Full-height plan selection step with a monthly/annual billing toggle and selectable plan cards that update their pricing live, plus a continue button. Perfect …

Full-height authentication error screen with a warning icon, an explanation, an optional error code, and try-again, back, and contact-support actions. Perfect …

Full-height expired-link screen with a broken-link icon, an explanation, a request-a-new-link button, and a back-to-sign-in link. Perfect for stale magic links…

Full-height terminal-style sign-in rendered as a CLI window with a command prompt, a monospace email input, and a send-link action. Perfect for developer tools…

Full-height numeric keypad lock screen with PIN dots, a biometric shortcut, and a backspace key. Perfect for mobile app locks and quick re-authentication.

Full-height cross-device sign-in with a scannable QR code, a manual fallback code, and a live waiting-for-confirmation indicator. Perfect for signing in on des…

Two-column editorial sign-in pairing an oversized typographic brand panel with a clean email and password form. Stacks the panel above the form on mobile. Perf…

Full-height multi-step registration with a numbered progress stepper that advances as the user moves through account, profile, and workspace steps, with back a…

Full-height progressive sign-in that asks for the email first, then reveals the password step with the chosen email shown and editable. Perfect for modern emai…

Full-height push-approval screen that shows a large number to match in your authenticator app, with a live waiting indicator and a cancel option. Perfect for n…

Full-height workspace picker listing organizations with logo initials, member details, and a create-workspace row, plus a signed-in-as footer. Perfect for mult…

Full-height web3 sign-in that lists wallet providers with icons, details, and a detected badge, plus a what-is-a-wallet helper link. Perfect for crypto and dec…

Full-height pattern unlock screen with a tappable 3x3 dot grid that draws connecting lines as dots are selected, plus clear and unlock controls. Perfect for ap…

Full-height security setup step where the user picks a two-factor method from selectable cards (authenticator app, SMS, or security key), with a skip option. P…

Full-height change-password screen with current, new, and confirm password fields (show/hide toggles), a forgot-password link, and a cancel option. Perfect for…

Full-height destructive confirmation screen that lists the consequences and requires the user to type a confirmation word before the delete button enables. Per…

Full-height invite-only gate with a centered code field and a request-an-invite link. Perfect for closed betas, early access, and gated launches.

Full-height waitlist capture with an email field, a join button, a social-proof line, and a sign-in link for existing users. Perfect for pre-launch and early-a…

Full-height loading screen shown while redirecting to an identity provider, with a spinner and a manual-continue fallback link. Perfect for SSO and OAuth hando…

Full-height CAPTCHA-style check with an animated I'm-not-a-robot control that runs through verifying and verified states and unlocks the continue button. Perfe…

Full-height step-up authentication screen that re-asks for the password before a sensitive action, showing the signed-in account and a cancel option. Perfect f…

Full-height account recovery screen with a numbered grid of word inputs and paste-to-fill support, plus a restore button that unlocks once every word is entere…

Full-height security question setup with a question select and an answer field, plus a skip option. Perfect for account recovery setup and identity verificatio…

A hairline sign-in panel with a lowercase wordmark, email and password fields, an inline forgot link, a remember toggle, and an SSO fallback, set beside a full…

A hairline sign-up panel carrying a lowercase wordmark, name, work email, and password fields with an SSO fallback and terms note, beside a soft column of chec…

A centered passwordless card that advances in place from a work email step with an SSO fallback to a monospace one-time-code entry with resend and go-back cont…

A centered password reset card whose segmented strength meter and checked requirement list update as the field is typed, with a confirmation field and a breach…

A single narrow card that asks only for an email, then replaces itself in place with a sent state that echoes the address back and offers to start again with a…

A full-height sign-in split: wordmark, a serif greeting that settles in word by word, email and password fields with a full-width sliding-marker pill and a swi…

A hand-tiled monochrome bento grid mixing a statement, a stat, an image, a quote, and a CTA into one composition.

Studio mosaic whose lead tile floats a mood-board media piece over a dotted field between its own eyebrow and statement, beside a photographic tile captioned o…

Work mosaic on a six-column track mixing photographic tiles that carry their caption inside on a gradient scrim with a soft statement tile and an inverted figu…

Service mosaic whose lead tile floats a photo-strip media piece over a dotted field between its eyebrow and statement, beside a photographic tile captioned on …

Process mosaic where the opening phase fills a two-row photographic tile with its eyebrow, explanation and duration on the scrim, beside an inverted summary ti…

Product mosaic pairing a two-row hero photograph captioned on its scrim with a tall specification tile, then two square macro tiles that carry their caption in…

Team mosaic where portraits carry their name and role inside the tile on a scrim, interleaved with an inverted quote tile and a wide soft tenure figure tile th…

Metrics mosaic where every figure sits on the photograph it came from behind a tinted scrim, the lead result spanning four columns and two rows, closed by a so…

Magazine mosaic whose cover story fills a two-row photographic tile with its category and page count on the scrim, beside an inverted figure tile, a bordered p…

Location mosaic mixing photographic tiles captioned on their own scrim with an inverted address tile carrying a directions link, a soft opening-hours tile and …

A six-column bento mixing a lead card whose image tile floats a live metrics panel, a soft statement tile, an inverted figure tile, a second asset tile carryin…

A six-column bento of proof: a row of figure tiles with the first inverted, a tall card whose image tile floats a live breakdown chart, a tile carrying a custo…

A six-column bento for getting started: a wide card floating a live step tracker, a numbered week list on hairlines, an inverted quote tile, and a capture card…

A six-column mosaic that carries a whole publication at once: the newest piece as a photographic tile, two counted figures, a reader quote, an inverted subscri…

One mosaic of six tiles: a large photograph that drifts inside its tile, an ink quote tile with film grain, a serif figure that counts up, a small photograph, …

Three-column responsive grid of blog cards featuring author avatars, tag badges, and hover zoom effects. Clean card design with date and read time metadata.

Large featured article with side-by-side image and content, followed by a three-column grid of secondary posts. Read more buttons and author details included.

Vertical stack of horizontal blog cards with left-aligned thumbnails. Features calendar and clock icons for metadata, author titles, and tag badges.

Filterable blog grid with tab navigation for categories. Posts automatically filter by category selection with smooth content switching.

Large alternating left-right blog cards with full article summaries. Image and content switch sides for visual variety. Read more buttons included.

Two-column compact blog list with small square thumbnails. Space-efficient design showing many posts at once with minimal metadata.

Pinterest-style masonry layout with varying content heights. CSS columns create organic flow with cards of different summary lengths.

Main content area with horizontal post cards plus sidebar. Categories show post counts and popular tags section with clickable badges.

Four-column grid mixing blog cards with an integrated newsletter signup card. Email input and subscribe button embedded in the layout.

Clean text-only blog list with arrow icons. No images, just titles, dates, and authors. Lightweight design with hover arrow animation.

Blog archive organized by month with compact list entries. Small thumbnails and formatted dates create a scannable chronological view.

Vertically stacked blog cards with 2:1 aspect ratio images. Full article summaries with author avatars and read more buttons. Long-form content showcase.

Two-column layout with featured image on left and article list on right. Divider-separated entries with arrow hover effects.

Playful polaroid-style cards with random rotations and white borders. Cards straighten on hover for a fun, casual photo gallery feel.

Classic newspaper layout with serif fonts and bordered headline. Large main story on left, stacked secondary stories on right with dividers.

Grid of image cards with gradient overlays. Summaries expand on hover with smooth max-height animation. Titles always visible with white text.

Wide cinematic banners with centered text overlay. Large bold titles on semi-transparent backgrounds. Immersive visual storytelling format.

Multi-part tutorial series with numbered parts. Book icon, part count, and progress-style list. Perfect for step-by-step learning content.

Vertical timeline archive organized by year and month. Calendar icon with border line connecting entries. Compact text-only format.

A blog listing with an eyebrow over a hairline rule, a two-column heading, and three linked article cards with a hover-zoom image, a category label, a title, a…

A newsroom listing with a heading, a divider, and an eyebrow over a hairline rule, a two-column lead story with a large image, the remaining stories stacked as…

A press room listing with a square eyebrow, a bold heading and intro over a hairline rule, a wide lead release with a panoramic image, and the remaining releas…

A newsroom front page with a heading, a divider, and a square eyebrow over a hairline rule, a wide lead story whose headline and standfirst split across a twel…

A newsroom bulletin with a square eyebrow, an image-free lead story split across a 7/5 grid with a standfirst, byline, and a seal button, then three illustrate…

A newsroom listing with a square eyebrow, a two-column heading band over a hairline rule, and four equally weighted stories as bordered cards, each linking thr…

An image-free newsroom index with a square eyebrow, a two-column heading band over a hairline rule, four linked release cards that each pair an accent counter …

A six-slot magazine mosaic with a parenthetical eyebrow and a large heading, pairing a dominant two-by-two tile with a tall tile, wide tiles, and unit tiles th…

A six-slot mosaic under a parenthetical eyebrow and a large heading, mixing full-bleed photo tiles with flat text tiles on muted and inverted surfaces, where t…

A CSS-columns masonry of linked newsroom cards under a parenthetical eyebrow and a large heading, where the image aspect ratio cycles by position so the wall k…

A press office masonry wall under a parenthetical eyebrow and a large heading, mixing photo cards with image-free release cards on soft muted surfaces, each re…

A twelve-column newsroom band under a parenthetical eyebrow, pairing one lead story carrying a pinned marker, a large image, and a byline block with a stack of…

A three-column wall of image-free press release cards on soft muted surfaces under a parenthetical eyebrow and a large heading, each card pairing a release typ…

A six-slot photo mosaic under a parenthetical eyebrow and a large heading, where every tile is bound to one newsroom category so the grid doubles as a section …

Editorial journal preview pairing one lead entry with a wide image, category, title, excerpt and date against a ruled index of three shorter entries, headed by…

Image-free article index where every entry is one ruled row carrying the date, the category, the title and the reading time with a corner arrow, stacking to a …

Three linked journal cards, each with a four-by-three image, a category, a display title, an excerpt and a ruled byline pinned to the bottom of the card so une…

A blog section pairing one linked feature with a hover-zoom image, category label, and byline against a hairline list of five recent posts stamped with their d…

A dense blog archive whose subject pills are derived from the posts themselves and carry live counts, filtering a two-column list of hairline rows stamped with…

A blog section splitting a bordered container between the newsletter pitch with a cadence line on a hairline and an image tile holding a working subscribe row,…

A topic hub card whose left third is a photo panel with the topic title set on a scrim over it, next to a two-column body: a short summary on one side and the …

A curated reading list under a left-aligned header, laid out as two columns of linked rows where a wide thumbnail sits beside the article title and nothing els…

A lead article carrying its own wide image, excerpt and byline next to a rail of further posts reduced to a thumbnail and a title, so one story clearly outrank…

Three tinted topic cards, each stamped with how many pieces sit behind it, the topic name, and an image filling the lower half, alongside a link out to the ful…

An index of writing that was planned as runs rather than posts, pairing each series and how far along it is with its numbered parts in the column beside it.

A journal listing: a serif heading settling in word by word beside a pill action, then three staggered article cards whose photographs drift inside their frame…

A journal section with one featured essay, its wide photograph drifting inside the frame, small-caps category and date, a large serif title and an excerpt, bes…

An image-free journal index: a sticky column with a serif heading that settles in word by word and a pill action, beside ruled rows that each carry a small-cap…

Split-panel booking interface with interactive monthly calendar on the left and time slot grid on the right. Features today highlight, disabled dates, selected…

Booking confirmation card with service details, date/time, provider info with avatar, price breakdown with subtotal/tax/discount/total, promo code input, cance…

Upcoming and past appointments list grouped by date, with service name, provider avatar, time, duration, status badges (confirmed/pending/cancelled), and resch…

Service selection grid with category filter tabs, service cards showing icon, name, description, duration, price, and selected state. Ideal for spa, salon, cli…

Staff/provider selection cards with avatar, name, specialty, star rating, review count, availability badge, experience years, and selected state. Grid layout w…

Restaurant table reservation with guest count selector, date/time picker, seating preference (indoor/outdoor/bar), special requests textarea, and booking summa…

Hotel room selection with room type cards showing images, amenity icons, guest capacity, price per night, check-in/check-out date picker, guest counter, and to…

Flight search results with airline logos, departure/arrival times, duration, stops, class selector (economy/business/first), baggage info, and price comparison…

Event ticket selection with event banner, date/venue info, ticket tier cards (General/VIP/Backstage) with perks list, quantity selector, and order total. Conce…

Coworking meeting room reservation with room cards showing capacity, equipment icons, hourly pricing, time range selector, attendee count, and total cost. Offi…

Google Flights-style price calendar with per-day pricing, cheapest day highlights, expensive day indicators, date range selection, and best deal summary banner…

Airbnb/Booking.com-style search bar with location autocomplete, date range picker, guest counter dropdown, and search CTA. Responsive — inline on desktop, stac…

Booking.com-style social proof ticker with rotating messages: live viewers, recent bookings, scarcity alerts, and location-based activity. Animated transitions…

Tours and experiences booking card with hero image overlay, rating, duration, difficulty badge, date picker, traveler counter, language selector, highlights li…

Post-booking success screen with animated check icon, confirmation number, booking summary (service, date/time, location, total), scannable QR code ticket, act…

Residential cleaning service booking with service type tabs (standard/deep/move-out), bedroom/bathroom selectors, recurring frequency pills, add-ons checklist,…

Ride-share style booking with pickup/dropoff address inputs, schedule now/later toggle, ride class selector (economy/comfort/xl) with ETA and fare, payment met…

Interactive seat selection grid for cinemas, theaters, and events. Row/column layout with an aisle gap, tier-based pricing (standard/premium/VIP), occupied sea…

Stepper-based booking flow with numbered progress dots, animated progress bar, and four steps: service selection, schedule, contact details, and review. Back/N…

Vehicle rental flow with pickup and return location fields, date range picker, car class grid (compact/suv/luxury) with image and specs, insurance tier selecto…

Gym or studio weekly schedule with day tabs, class list per day (instructor avatar, duration, spots remaining, difficulty), and quick reserve action. Tap a day…

Multi-service booking composer. Customers assemble their own wellness day by adding services across categories (massage/facial/body/nails/add-ons), with live p…

Booking cancellation screen with the original booking summary, cancellation reason picker (radio list with optional notes), live refund breakdown based on canc…

An interactive appointment picker: a hairline panel pairing a selectable service list with a scrollable day strip and a time slot grid that marks unavailable t…

A confirmation screen with an accent eyebrow, a two-column hairline table of the appointment details, a checked list of what to bring, and a sticky tile floati…

A quiet booking picker whose left column lists each service as a single hairline row carrying only its length and price, swapping a sticky panel that floats a …

A clinician picker whose hairline list of practitioners, each showing their next opening, swaps an image tile floating a live availability card alongside their…

A no-availability state that answers with three hairline figures and a numbered explanation of how offers are made, beside a sticky square tile floating a live…

Three intake questions that land on a real appointment type instead of a drop-down: the answers pick a route with its length, its facts, and the clinician you …

A booking section: a serif heading that settles in word by word over the intro, a ruled contact sheet and a practitioner avatar line, beside a calm request for…

A visit-us section: a photograph drifting inside its frame on the left, and on the right a serif heading that settles in word by word, an intro, a ruled sheet …

The classic contact section: a serif heading that settles in word by word, an intro and a ruled contact sheet on the left, and a plain form with name, email an…

A booking chooser: a serif heading that settles in word by word and an intro, then a ruled list of session types on the left that swaps, with a soft blur, the …

Job listings section with role cards showing department, location, and employment type. Clean list layout with hover effects and apply buttons.

Job openings grid with department badges, location tags, and apply buttons. Card-based layout for career pages.