# Elaya's landing page skill looked cool, so I tried it

> Elaya open-sourced the design skill behind her landing pages. I used it to build pages for three of my projects.

- Kind: Link · X
- Published: 2026-10-26
- Source: [X, @elayadesigns](https://x.com/elayadesigns/status/2114049200749175174)
- Author: Savi Singh
- Page: https://savi.fyi/notes/elaya-landing-skill

[Elaya](https://x.com/elayadesigns) designed a run of landing pages over two months with Higgsfield, Claude and Cursor, plus a design skill of her own. She open-sourced it as [ai-design-skills](https://github.com/elayadesign/ai-design-skills).

It looks cool and I wanted to try it.

The skill is strict in a good way. One typeface, Geist or a short list of others. Font sizes only from Tailwind's scale, spacing from a fixed table. A grey gradient on the headline is the only gradient allowed, and backgrounds stay flat. Motion decelerates on one curve. Every page gets a big tagline whose words light up one at a time as you scroll.

The striking visuals in her video come from Higgsfield, not the skill. Without art, my first try with her rules looked plain. So I generated three engravings for my own projects and built the top of a landing page around each, strictly to her rules. Here are the three.

This note has an interactive demo on the page: https://savi.fyi/notes/elaya-landing-skill