Site footer

What it is

It is not the app's foot. .act-foot is a pattern that closes a task with an action row and a way out. This closes a page, and it carries no action at all. The reason it carries none is the reason the pricing block is not a comparison table: the one action of this page is stated three times already, and a fourth in the footer would be asking after the argument has ended.

Rebuilt 2026-08-16, on the founder's ask: "сделаем поинтереснее подвал?" Four things came out of it and only one of them is taste. One, the columns did not stand on a grid. They were flex items at flex: 0 1 auto, so each column was as wide as its longest link: measured at 1440, PRODUCT began at 925 and was 120 wide, COMPANY at 1092 and 68 wide, LEGAL at 1208 and 112 wide, three parallel lists starting on intervals of 167 and 116. The gutters were even and the columns were not, which is the arrangement an eye reads as nobody having placed anything. The grey has drawn 2fr 1fr 1fr 1fr since the wireframes, so this was a rollout desync and not a decision. Two, 346px of dead air at 1440 and above: flex: 1 1 40% means grow, so the brand box took 757 while the sentence inside it stops at the 52ch reading measure, about 459, and the void sat exactly where a reader looks for the map. Three, the seam - see Limits. Four, the bar at the foot, which is the only added structure.

The wordmark stands here and the mark does not. D-Brand puts the mark at 22px in the app bar and as the favicon, and a second mark four thousand pixels down the page is a logo asking to be noticed rather than chrome framing a page. The word alone closes it - with the last letter petrol, which D-Brand says holds everywhere, with no condition, and which the grey wrote as plain text.

Anatomy

• .fbrand the wordmark and one sentence. The widest column and it leads, because a person who scrolled this far without deciding is being told once more, plainly, what the thing is
• .fcol h4 the column head: caps, tracked, muted. Deliberately not the eyebrow atom - .k is a block mark inside content and this is a column head inside chrome. Same treatment, two jobs, and the day the eyebrow changes the footer should not follow it
• .fcol a 44px each, because a footer is where a thumb goes hunting. The underline arrives on hover and the ink moves with it, which is the muted line's inline link read the other way round: that one is underlined at rest because it sits inside a sentence, this one stands alone in a list where nothing else is a link
• .fbar the bar at the foot, added 2026-08-16: the copyright and the trust line, both muted lines at .fine, over one hairline in --line-divider. This block positions two atoms and draws one rule; it paints nothing

Behaviour on width

Both registered points, and each one is measured rather than picked. Two columns below 47.5rem: a single stack of four blocks made the footer 887px tall at 390, more than a viewport of nothing but links, because twelve of them carry the 44px target floor. Two columns hold the same map in 675 and cost no legibility - the narrowest track at 360 is 152px and the longest link, "Trust and security", sets at 112. Four columns at 47.5rem, on the grey's own 2fr 1fr 1fr 1fr: measured at 1440 that is 422 for the brand and 211 apiece, with the three heads at 590, 850 and 1109, an even interval of 260. At 56.25rem the gutter opens from --space-32 to --space-48 and the bar's two ends part. Both wait for the second point for one measured reason: between 760 and 900 the four tracks are around 107px, "Trust and security" and "Data and privacy" are wider than that at --type-body, and a link that wraps inside a 44px box is a footer that looks broken.

Limits

No action, by decision. See above: the page's one action is in the bar, the hero and the closing block, and that is three times. A footer button would be a fourth ask after the argument has ended.

A fact is not a fourth ask, which is why the bar may carry one. The trust line in it is Dictionary D7 in voice/docs/microcopy.md, the one sentence this product repeats deliberately, and the foot of the page is where a person who is still deciding looks for exactly it. Asking again is a fourth ask; answering again is what a footer is for. Neither line is new copy: both are registered strings, and the year is the only literal on this block.

The seam, and it was this file's. The closing band was given a picture on 2026-08-15 that dissolves into --bg-surface, which is this band's own ground, and its own border was removed so the water could run in. This file's border-top was not, so a hairline was still drawn straight across the dissolve. It goes past the tablet point, where the picture is, and it stays below it, where there is none: there the closing band is --bg-page against this band's --bg-surface, the two are 1.12:1 apart, and tokens.css says in as many words that the hairline is what separates them.

The word wears .large here. At the bar's 16px the name closed the page at the size of the sentence beside it. The size is the modifier declared on the wordmark, not a font-size written from this file, which is the rule this system names in three places.

Where it comes from

Drawn by design/system/components/site-footer.css through ../system/index.css, the same entry point a product screen loads. It stands on the coloured landing and on wireframes/index.html, and on nothing else: the landing is the only public surface this product has. Registered in docs/inventory.md and in _nav.js, in the organism group.