Site footer

Since Light 2

Synced from the product, 2026-09-30 (P16, P36). The foot is the last card of the frame. Three columns of links: Product (How it works, Trust and security, Pricing), Company (About, Contact, Help) and Legal (Privacy, Terms, Data and privacy). "Careers" became "Help" on 2026-09-30 (P36): there are no jobs, and the three public pages Help, About and Contact now exist. Under them the bar of three owned lines, the third on a row of its own (G49), and the watermark.

Live below, rendered by the real css inside a .landing pinned to data-theme="light", white in the dark stand too, as node 1.1 is for a person who chose dark in Settings (P16).

• .lp-foot-top the wordmark with its sentence, then three link columns: 1.3 to .6 each
• .lp-foot-top .wordmark the name at 1.6rem, the last letter petrol with no condition (D-Brand)
• .lp-fcol a column: an uppercase label h3 and plain links in body ink, petrol under a pointer
• .lp-foot-bar the copyright, the read-only line, and .lp-fnote, whose the fourteen marks are, on a row of its own
• .lp-water the name at up to 30rem in petrol at 7%, cut by the card's lower edge; aria-hidden, no pointer, no selection

Behaviour on width

Container points: at 53.75rem the wordmark takes a row and the three columns share the next; under 40rem the columns go two by two and the bar stacks.

U11, context. No footer inside the app: this is the one footer in the product, on the Welcome landing. The three new public pages (Help, About, Contact) are .app.flow screens with the app bar and carry none. Full table: Usage rules.

No action, by decision. The page's one action is in the bar, the hero and the close, and a fourth ask in the foot would be pressure.

What it was, until 2026-09-26

Synced from the product, 2026-09-30 (P16). This section and every one after it, down to "Where it comes from", describe this component as it stood before Light 2 replaced the public page on 2026-09-26. Its classes then were .lp-footer with two columns under 47.5rem and four above, a bar whose two ends parted at 56.25rem, and a Company column that held "Careers". None of it is a present-tense claim about the product any more; what is true now is Since Light 2 above. It is kept as the record, because a stand amends its history and does not delete it.

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, until 2026-09-26

• .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, until 2026-09-26

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, and synced byte for byte from the product on 2026-09-30. It stands on the coloured landing, as the last card of the frame. The grey wireframes/index.html is frozen at the structure before Light 2 and does not carry it: a component that arrived with a founder's decision after the grey closed, like the brand mark before it. Registered in docs/inventory.md and in _nav.js, in the organism group.