CodeSandbox — Footer
A code sandbox and development environment for testing and experimenting with code. This footer displays organized navigation sections across "Use Cases," "Ecosystem," "Explore," and "Company" with links to documentation, SDKs, integrations (VS Code Extension, Storybook), pricing, and company information. Dark layout with a multi-column footer structure and bottom copyright/legal links.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/codesandbox-footer.
Measured spec
| Scheme | dark |
| Background | #161616 |
| Text | #474747 |
| Contrast | 1.95 |
| Columns | 2 |
| Alignment | split |
| Whitespace | airy |
| Density | 0.049 |
| Measured size | 1600×448 px |
Palette
#0E0E0E#ECECEE#EAFF96#DCFF50
Fonts
Inter
Page types
Detail
UX patterns
Dark Mode
UI elements
Navigation Bar
Context
Other sections on this page
- Banner — Announcement banner
- Hero — Sandboxes Hero Landing
- Logo Wall — Trusted-by logo wall
- Feature — Secure code generation - feature overview
- Feature — Built for AI agents use-cases
- Gallery / Showcase — Template universe
- Testimonial / Social Proof — Customer testimonials grid
- CTA / Sign-up — Hero landing page with editor showcase