About this template
No-Code Waitlist is the call-to-action block reference for an AI or SaaS product, and the brief behind it is a full build spec rather than a mood board. The page's own headline reads “A new way to think and create with computers”, and the composition is built around those exact words. The palette is deep indigo #020004 underneath, tint #FFFFFF for the type and muted blue #7C78C7 carrying the accents, set in Inter. Delivery is React and Tailwind CSS, captured at 988x720 so the frame is fixed before any code is written. The page keeps its motion to 60ms transitions and a looping video bed. Take it on when the call-to-action block needs a decided order before any new sections are added.
Designed for
- Start from type from 13px to 64px and 100vh sections and let the palette follow, because the spacing is what makes this call-to-action block read.
- This call-to-action block serves founders who need one screen of proof that SaaS copy can carry 9.4s of looping video.
- Made for a solo founder shipping one call-to-action block for an AI or SaaS product and no design system behind them.
What's included
- Links before the action. The bar is the quietest part of the composition: wordmark, a short row of links and one #7C78C7 action, all held at the smallest type step in the brief. The links are set below the wordmark in size, and the #7C78C7 action is the only element in the bar with any weight.
- Nothing here is inherited. Nothing here is eyeballed. The spec fixes type from 13px to 64px, 100vh sections, 14px spacing steps and 60ms transitions, and the rest of the layout derives from those values. Each value maps to one job: a type step, a gap, a radius or a transition. Measure before you adjust.
- Full-frame video, no panel. The media is one 9.4s clip cropped to cover the 988x720 frame, so it never letterboxes at any width. The loop is short enough (9.4s) that the eye reads it as texture rather than as a timeline.
- One row, no drawers. The bar sits over the 988x720 composition without a background of its own, so the media runs edge to edge underneath it.
Motion & interaction
A loop, not a timeline
Ambient movement comes from the 9.4s 988x720 loop rather than from scroll effects, which keeps the page calm and the type readable. The loop is cropped to cover, which means the composition does not depend on a particular frame size.
One element arrives
A typewriter pass is the only entrance on the page, so there is one motion idea to maintain. Timing is derived from one value, so a longer line takes longer without being hand-tuned. Do not add a second entrance.
How No-Code Waitlist sequences the first read
Committing to one reading path means other paths are closed. The brief accepts that, fixes navigation, the headline, the announcement badge, the stats row and the form in place, and spends type from 13px to 64px and 100vh sections on making the route obvious. A SaaS reader gets the offer before the options.
What an AI or SaaS product gains here
When you brief a SaaS call-to-action block, the hard part is deciding what the first screen refuses to say. No-Code Waitlist answers that in advance: one display line, navigation, the headline, the announcement badge, the stats row and the form behind it. No-Code Waitlist states the offer once and lets the composition repeat it rather than adding a second claim.
What to change first in No-Code Waitlist
You do not need to rebuild the call-to-action block to make it yours. Replace the headline and the media, keep the scale (type from 13px to 64px and 100vh sections), and the layout still reads as designed. The composition is the reusable part, and it survives a different brand.
Frequently asked questions
What can I do with the No-Code Waitlist brief once I have it?
Everything quoted on the page comes from the captured 6,532-character brief rather than from a description written afterwards. That is why the numbers and the prose agree.
What does the brief behind No-Code Waitlist actually contain?
It is a build brief rather than a mood description: it names the composition at 988x720, the spacing and the motion values. Nothing in it treats the rendered image as the source of truth.
Do I need React and Tailwind CSS to rebuild No-Code Waitlist?
No-Code Waitlist was built in React and Tailwind CSS, and the entry says so for provenance. The brief describes positions, sizes and timings, so it rebuilds in any framework that can set type and place elements.
