and would otherwise win on source order. */ .hero_layout .hero_sub { padding-top: 0; } /* And it takes the primary face at body size rather than mono caps — which is what the line actually is: a subtitle, not an eyebrow. The export drives .c-heading entirely through these tokens, so re-pointing them is the whole change; :where() in the variant selector means it carries no specificity to fight. */ /* 1.5rem between the heading and its subtitle. The heading's own u-margin-bottom-text contributes 2rem and the grid row-gap another 1rem, so the pair sat 3rem apart; this trims the heading's share to whatever is left once the gutter has had its 1rem. Scoped to a heading that is the *last* thing in .hero_header, so the case studies — where a back-link follows the title — keep the spacing they were built with. */ .hero_header > .c-heading:last-child { --_text-style---margin-bottom: calc(1.5rem - var(--site--gutter)); } .hero_sub .c-heading { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--small); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-wrap: pretty; --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } /* WCAG 2.2.2 — no autoplaying motion when the user has asked for less. */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } }

Schedule a call

‍

Fractorial

services

year

credits

services

BRANDING
WEB DESIGN
WEBFLOW DEVELOPMENT

year

2025

credits

industry

result

services

B2B tech

year

Acquired new contracts

Fractorial needed more than a refresh. They needed a presence that would make life sciences companies immediately see them as the partner. We built a brand identity and website that did exactly that, positioning them clearly in a crowded space and giving them the confidence to go after bigger clients.

The website was built in Webflow around a library of modular components, so the team can scale their content without touching a developer. A CMS handles services and dynamic content, keeping everything easy to manage as they grow.

Overall I was very pleased with the process of working with Ethan and team. From project startup to first site designs to the finished site built in Webflow, Ethan was creative, responsive, and produced a unique site that represents my company brand well, is polished, and looks highly professional.

Aaron Burke - Principal