MalinandClaude Sonnet 5
65c01ddb43
Anti-AI-slop design skill (greenfield pages, audits, redesigns, design extraction from URLs/screenshots) -- installed and validated in an earlier session, was sitting untracked. Full reference library: components, macrostructures, themes, genres, verbs (audit/redesign). Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
671 B
671 B
C4 · Sticky bottom bar
A horizontal bar pinned to the viewport bottom, holding a CTA + a brief reassurance line. Use when: the page is long and the CTA needs to be reachable always. Don't confuse with: anything in the fold; this is a persistent element, not a hero CTA.
<aside class="cta-sticky">
<span>Try it free for 14 days.</span>
<a class="cta-outline">Start →</a>
</aside>
.cta-sticky { position: fixed; left: 0; right: 0; bottom: 0; padding: var(--space-sm) var(--space-md); background: var(--color-paper); border-top: 1px solid var(--color-rule); display: flex; justify-content: space-between; align-items: center; }