About this template
Convix Software is a SaaS hero section built from one written brief, and this page documents that brief. The palette is white #EDEDED underneath, deep blue #0B0F1A for the type and bright red #EF4D23 carrying the accents, set in Inter. The entry names the stack that produced the page (React and Lucide icons) rather than hiding it. Keep it open while you write: the 5,587-character brief is the part that transfers to your own page.
Designed for
- Contract teams taking over this hero section who need a 800x578 frame pinned in the repo before the first commit.
- Designers who need the numbers first: a fixed 22px display size and 100vh sections, all of it quoted from the brief.
- Made for content leads rewriting a hero section whose headline has to stay as long as Convix Software's.
What's included
- Links collapse at one width. Links sit on one line at a single size, and the #EF4D23 action closes the row on the right so the eye finishes where the navigation ends. The links are set below the wordmark in size, and the #EF4D23 action is the only element in the bar with any weight. Keep the row to one line.
- Every measurement is written down. The brief names the numbers: a fixed 22px display size, 100vh sections and 13px spacing steps. That is why the composition holds together, because there is no invented spacing step between the type and the frame. Spacing is quoted in the same units as the type, so the two can be compared directly.
- Content split into panels. The grid does the reading order for you: panels of equal weight, one idea each, set in Inter at a small size so the structure stays visible. Panel heights are driven by the copy, so a longer line does not break the alignment of the row.
- The nav is deliberately thin. The bar sits over the 800x578 composition without a background of its own, so the media runs edge to edge underneath it.
Motion & interaction
Static by design
The brief leaves animation out and lets the 800x578 layout carry the page, with hover and press states the only changes. Only the elements that respond to the pointer move.
Almost no motion
There is no scroll library here: the 800x578 composition holds still and only the elements that respond to you move. Keep motion to the controls.
The timing behind the hero section
When a page feels restless, the cause is usually too many entrances. This one keeps the list short: hover and press states. Nothing animates for its own sake in this hero section.
What to change first in Convix Software
The brief names Inter and the scale beside it. Substitute a face with the same proportions and the composition survives. The subject is the part that should change.
The numbers behind the hero section
You cannot fix a composition by eye when two people are rebuilding it. The brief removes the argument: a fixed 22px display size, 100vh sections and 13px spacing steps, stated once. Nothing in this hero section depends on a default.
Frequently asked questions
How long is the prompt behind Convix Software?
It is a build brief rather than a mood description: it names the composition at 800x578, the spacing and the motion values. Nothing in it treats the rendered image as the source of truth.
Do I need React and Lucide icons to rebuild Convix Software?
The reference happens to be built in React and Lucide icons. Nothing in the layout depends on that choice: the spacing, type and motion values transfer to whatever you already use.
Can I use Convix Software in a client project?
The brief is a description, not a licence to redistribute someone else's assets. Keep the structure and the numbers, replace the media and the brand marks, and credit the source if a client asks where the layout came from. The reference was captured at 800x578.
