Join the waitlist

Strata features

Everything Strata includes, from the first section to a site that's live.

111 features in 12 groups

Strata Join early access

Visual builder

Design the page, right on the page.

  • Edit on the pageClick any text or image and change it where it sits.
  • Drag and dropSections, columns and elements placed by hand.
  • NavigatorEvery element of the page in a tidy outline.
  • Settings beside youContent, style and behavior for whatever you select.
  • Copy and paste stylesMove a look from one element to another.
  • Undo and historyStep back through every change, or restore an earlier version.
  • RevisionsCompare saved versions of a page and bring one back.
  • Keyboard-firstShortcuts for every common action.
  • Command menuFind any page, element or setting by typing.
  • Preview anytimeSee the page exactly as visitors will.

Layout for every screen

One design, at home on every screen.

  • Sections and containersBuild any layout from boxes inside boxes.
  • Rows and columnsContent that lines up and spaces itself evenly.
  • GridsCards, galleries and features in neat, flexible grids.
  • Spacing controlsPadding, margins and gaps with exact values.
  • AlignmentCenter, stretch or space out anything in a click.
  • Phone, tablet and desktop viewsSwitch screens and adjust each one.
  • Hide per screenShow an element only where it belongs.
  • Reorder on phonesChange the order of content on small screens.
  • Sizes that scaleType and spacing that grow and shrink with the screen.
  • Sticky sectionsHeaders and sidebars that stay in view.

Page elements

Everything a page is made of.

  • Headings and textRich text with links, lists and highlights.
  • ButtonsClear calls to action, styled from your brand.
  • Images and galleriesResponsive images, carousels and lightboxes.
  • IconsA library of icons, colored to match.
  • Navigation menusMenus that turn into a tidy panel on phones.
  • Tabs and accordionsLong content, neatly folded away.
  • Cards and listsFeatures, prices and team members laid out cleanly.
  • Dividers and spacersBreathing room between sections.
  • EmbedsMaps, calendars and other content from around the web.
  • Your own codeAdd custom styles or snippets wherever you need them.

Styles and brand

One look across every page.

  • Global colorsYour palette, used everywhere and changed in one place.
  • Global fontsHeadings and body text set once for the whole site.
  • Brand kitColors, fonts and logos straight from your Black Zero Labs project.
  • Typography controlsSize, weight, line height and spacing.
  • BackgroundsColors, gradients, images and looping video.
  • Borders, corners and shadowsSoft depth, never heavy.
  • Reusable classesName a style and apply it anywhere.
  • Custom fontsUpload your own fonts and serve them from your site.

Templates and site parts

Start fast, stay consistent.

  • Page templatesReady pages for courses, portfolios and launches.
  • Section blocksHeroes, features, testimonials and footers to drop in.
  • Save your ownKeep any page, section or block for later.
  • Header and footerDesigned once, shown on every page.
  • Page layoutsShared layouts for posts, collections and archives.
  • Reusable componentsChange one and every copy updates.
  • Custom error pageA friendly page when a link goes nowhere.

Video, motion and 3D

Your work, alive on the page.

  • Place from your projectFilms from Cutroom and scenes from Flowmotion, straight onto the page.
  • Always currentUpdate the film and the site updates with it.
  • Poster framesA still first, then the video when it's played.
  • Load when neededVideo loads only when visitors reach it.
  • Captions on videoYour captions travel with the film.
  • Play in a lightboxOpen a video over the page.
  • Background videoMuted, looping footage behind a section.
  • Play a segmentStart and stop a video exactly where you choose.
  • Video playlistsA list of lessons with thumbnails and chapters.
  • 3D models on the pageModels from Armature that visitors can turn and explore.
  • Interactive charactersTweenhouse animations that react to visitors.
  • Hosting adviceStrata suggests the best way to share long videos.

Blogs and collections

Content you write once and lay out once.

  • PostsDated articles with authors, categories and tags.
  • PagesStandalone pages for anything else.
  • CollectionsStructured content like courses, episodes or projects.
  • Collection fieldsText, images, video links and more.
  • Collection pagesOne design that every item fills in.
  • Lists from collectionsShow the latest posts or courses anywhere.
  • Drafts and schedulingWrite now, publish later.
  • Trash and restoreNothing is lost by accident.
  • Media libraryEvery image and file, organized and reused.

Motion and interaction

Pages that move with care.

  • Entrance animationsElements ease into view as you scroll.
  • Scroll effectsParallax and movement tied to the scroll.
  • Hover effectsButtons and cards that respond, gently.
  • Click interactionsOpen, reveal and toggle content.
  • Smooth easingEvery move eased, never linear.
  • Reduced motionCalmer pages for visitors who prefer less movement.

Search and sharing

Easy to find, good to share.

  • Page titles and descriptionsSet for search on every page.
  • Share imagesThe picture that shows when a page is shared.
  • SitemapGenerated for you on every publish.
  • Search engine controlsChoose what search engines may see.
  • Clean linksShort, readable addresses for every page.
  • RedirectsOld links that still lead to the right place.
  • Broken link checkEvery link tested before you publish.
  • Missing details checkPages without a title or description flagged.
  • Favicon and iconsYour icon in every browser tab.

Domains and publishing

Live on your domain, in a click.

  • Publish buttonYour site, live, in one move.
  • Your own hostingConnect the hosting you already have.
  • Staging firstPreview on a private copy before going live.
  • Promote to liveMove the staging site to production when it's right.
  • Publish only what changedFast updates, even for big sites.
  • Change summarySee exactly what will be added, updated or removed.
  • Dry runRehearse a publish without touching the live site.
  • Publish historyEvery publish saved, with a log.
  • Roll backReturn to any earlier publish.
  • Backups before overwriteThe live site saved before every change.
  • Connect a domainPoint your domain at your site with guided steps.
  • Record checksStrata checks your domain's records and keeps email working.
  • Secure connectionsCertificates checked, with warnings before they expire.
  • Mixed content fixesInsecure links found and fixed.
  • Live checkPages tested right after publishing.
  • Export the siteA complete copy of your site in a folder.

Safe and secure

Your site and your keys, kept safe.

  • Secure storagePasswords and keys kept in your computer's secure storage.
  • Never in the projectShare a project without sharing a single password.
  • Least accessStrata asks only for the access it needs.
  • Production confirmationPublishing to the live site always asks first.
  • Delete protectionNothing on the server is removed without confirmation.
  • Protected foldersParts of your server Strata never touches.
  • Private files stay privateSensitive files are blocked from upload.
  • Encrypted transfersEvery publish travels over a secure connection.

Lab Partner in Strata

Your partner, at the web designer's desk.

  • Build a page from a briefDescribe it and get a real, editable layout.
  • Fill a collectionCourses or episodes added from your project.
  • Write for searchTitles and descriptions drafted for every page.
  • Check before publishingBroken links and missing details found and fixed.
  • Explain any featureAsk how to do something, and it shows you.
  • Always yoursEvery change is reviewable, and you can undo it.
Back to Strata

Strata

Build your site
in Strata.

Join the waitlist and get early access to Strata and the whole of Black Zero Labs.

We only use your email to tell you about early access. Privacy policy