What we can do.

Eight capabilities, one team. The people who research the problem also design the screens and write the code.

Product · Company OS
Website · Humanely
Brand · Ortellis
  1. Research and strategy

    We learn the business before we draw anything, and write down what we find.

    • Interviews with your team and users
    • A Teardown of your product or site
    • User flows and journey maps
    • Positioning and content structure
  2. Product and UX design

    Flows, screens, and states for software people use every day.

    • Information architecture
    • Interaction design
    • Empty, error, and loading states
    • Prototypes in code
  3. Design systems

    One set of tokens and components under every screen, so the next release stays consistent.

    • Design tokens in the W3C format
    • Component libraries in Storybook
    • Themes for more than one brand
    • Documentation your team can follow
  4. Brand and identity

    Marks, type, and color that hold up from an app icon to a full website.

    • Logo and wordmark rounds
    • Type and color systems
    • App icons
    • Brand guidelines
  5. Websites

    Fast marketing sites your team can edit without touching code.

    • Astro and React
    • Content your team can edit
    • Scroll and interaction motion
    • Speed and search basics
  6. Design engineering

    We build what we design, in the same code your engineers will ship.

    • React and TypeScript
    • Tailwind CSS
    • Animation with GSAP
    • Live components, not mockups
  7. AI-assisted work

    Your AI assistant drafts, builds, and checks. Our designers make every call.

    • An AI assistant in every repo
    • Variations from a designer's brief
    • Checks for tokens, contrast, and links
    • A design history written as we go
  8. Accessibility and quality

    We design for keyboards, screen readers, and reduced motion from the first screen.

    • WCAG 2.2 AA as the target
    • Keyboard and focus states
    • Reduced-motion versions
    • Contrast in light and dark themes

How we think.

  • Show the thing

    Real pages in a browser beat descriptions of them.

  • One accent, on purpose

    Color goes where a decision is made, and nowhere else.

  • Decide in the browser

    Type, spacing, and motion only work once they're live, so that's where we judge them.

  • Write down why

    Every decision goes in the design history, so the next person can follow it.

  • Leave nothing locked in

    You own the files, the code, and the tokens, in formats any team can use.

Designers decide. Your AI assistant helps.

An AI assistant works on every project. This is who does what.

Our designers

  • Choose the direction and every detail
  • Review every change before you see it
  • Sign off on everything that ships
  • Present the work to you every week

Your AI assistant

  • Drafts variations from a designer's brief
  • Turns approved designs into working code
  • Runs the checks we set
  • Never talks to you or your customers for us

See how we engage.

Five services, three ways to work together, and how a project runs.