About this template
Stark Minimal Footer is the footer reference for an industrial company, and the brief behind it is a full build spec rather than a mood board. “© 2026 EngineTech. All rights reserved” is the line the layout is built to carry. The palette runs black #0A0A0A underneath and white #FFFFFF for the type, and the type is Geist. It ships as a single component, so the whole footer can be lifted into a project without a design handoff. The motion budget is 180ms transitions. It is most useful when the Industrial footer has to survive a copy change without a redesign.
Designed for
- If you brief a model rather than a designer, start from the footer and let the prompt hold a single component.
- Studio teams briefing a build and looking for a 1820px breakpoint to react to.
- If the reference is only a starting point, designers can keep a 640x472 frame and rebuild the rest of the footer.
What's included
- Top row: wordmark, links, one action. The wordmark holds the left edge and the links run to the right of it, all of it set in Geist so the bar belongs to the page below rather than to a separate system. Labels are short enough to fit one line at 1820px, and the active item is marked with weight rather than with a pill.
- Labels under the figures. The row is placed high in the footer as proof rather than as decoration. The accent is spent on the figures that make a claim, not on the row as a whole.
- The scale is clamped, not stepped. Type is sized with a clamp between 22px and 14px rather than fixed steps, so the display line stays proportionate between breakpoints instead of jumping. The mobile menu is part of the same brief, so the collapsed state is designed too. Keep the hierarchy; change the scale.
- Columns, not a link dump. Links are grouped into columns with the wordmark in its own block, which keeps a long footer readable instead of turning it into a list. Type sizes step down from the column headings to the links, so the hierarchy survives a dense footer. Keep the accent for a single action.
Motion & interaction
Entrance as the signature
Movement is concentrated in one behaviour (each line rises out of an overflow-hidden window), so the page never reads as a repertoire of effects. If the technique is dropped, the content is present and the layout does not shift. The reference was captured at 640x472.
Short, named durations
The timings are short and consistent (180ms), so hover and press states read as one system instead of a set of separate effects. The values are short enough to read as feedback rather than as animation. Do not ship the browser default.
The order behind the footer
Order is the design here. navigation, the stats row and the footer are placed so the offer lands before the proof, and 14px spacing steps and 180ms transitions set the gap between them. A industrial reader gets the offer before the options.
Reading Stark Minimal Footer as a spec
The cost of a fixed scale is less room to improvise. 14px spacing steps and 180ms transitions keep the composition coherent, but a new element has to be fitted rather than placed. Nothing in this footer depends on a default.
How the footer reflows
When the copy is long, the narrow layout breaks first. Here a clamp between 22px and 14px absorbs the change, and the scale is fluid rather than stepped and the layout shifts at 1820px. Width changes the measurements, not the reading path.
Frequently asked questions
What do I get when I copy the Stark Minimal Footer brief?
The captured brief runs 5,437 characters and covers the frame, the type scale, the palette and the transitions. Copying it gives you that text, and sending it to Studio stages the same request with the page already described.
How much of Stark Minimal Footer depends on a single component?
Stark Minimal Footer was built in a single component, 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.
What can I do with the Stark Minimal Footer brief once I have it?
Everything quoted on the page comes from the captured 5,437-character brief rather than from a description written afterwards. That is why the numbers and the prose agree.
