Luck has nothing to do with it.

We design and build websites, brands and web apps. Everything on this page runs live in your browser, so go ahead and poke at it.

Drag across the clover, or click it.Tap the clover to scatter it.

Felix is Latin for lucky, which is a funny name for a studio that leaves nothing to chance. Our clover has four leaves and each one is a stage of the work: strategy, design, development and growth. Get all four right and people will call the result lucky.

Four leaves, and the clover only completes when every one is done.

Scroll through the stages. Each panel is a working tool, not a picture of one.

00Four stages, one clover

Who the site is for, what it has to do, and which pages it needs to do it.

  • Audience and goals
  • Sitemap and content plan
  • Competitor teardown
  • What success looks like, in numbers
Home · Services · Work · About · Contact

5 pages

Click any page to give it a child page. The map lays itself out again.

More on strategy

Type, colour, layout and motion drawn for your brand and nobody else's.

  • Visual identity
  • Interface design
  • Motion language
  • A design system your team can extend
Mood

    Pick a hue and a mood. The palette rebuilds itself and checks its own contrast.

    More on design

    Hand-built, quick on a cheap phone, and still readable with JavaScript off.

    • Marketing sites and web apps
    • Headless CMS setup
    • Accessibility to WCAG 2.2 AA
    • Performance budgets that fail the build

    Spring collection

    Same markup at every width. The layout comes from the space it's given.

    Items
    24
    Colours
    6
    Sizes
    5

    Drag the handle. The card rearranges itself with container queries, no JavaScript involved.

    More on development

    Search, speed and analytics after launch, so the site keeps paying for itself.

    • Technical SEO
    • Core Web Vitals
    • Analytics you can read
    • Monthly iteration

    felixis.dev › services

    Edit the title. The preview cuts it off where search results run out of room.

    More on growth

    One word, multiple expressions.

    Every brand deserves its own look, so we keep a wide range on hand. Here is the same poster set six different ways; pick a style and watch it change.

    Felixis Web Solutions

    Felixis

    Websites, brands and web apps.

    • Strategy
    • Design
    • Development
    • Growth
    Type
    Archivo, Black and Medium
    Colour
    #F1F0EB#111111#E4002B
    Grid
    12 columns, flush left, ragged right
    Idea
    One family, a strict grid and red as the only colour.

    This page, measured on your device.

    We can't show you borrowed case studies, so here are numbers instead. They come from your browser's own performance APIs while you read, and they'll change if you reload.

    Inspect mode lays the grid, the type settings and every animation curve over the page itself.

    Largest paint
    -s
    When the biggest thing on screen finished drawing
    Layout shift
    -
    How much the page jumped while loading (0 is perfect)
    Transferred
    -kB
    Bytes over the network, compressed
    Requests
    -
    Files the browser fetched, this page included
    Frame rate
    -fps
    Measured live while you read this
    Cubes on the GPU
    -
    Drawn in one call every frame
    DOM elements
    -
    Everything the page is made of
    Script, compressed
    -kB
    All the JavaScript loaded so far

    Got a project that needs all four leaves?

    Tell us what you are making in four short steps. The brief lands straight in our inbox.

    Start a project