# Cosmos, Home

SaaS · Home · Custom code
Live page: https://www.cosmos.so/
On Designly: https://designly.sh/s/cosmos · JSON: https://designly.sh/s/cosmos?format=json
Site: [Cosmos](https://designly.sh/s/cosmos?format=md) (https://www.cosmos.so)
Styles: type-led, playful, airy, editorial

## Why it works

Large cosmosOracle headlines paired with a scattered, floating gallery of images give the platform an editorial, scrapbook quality. Rounded buttons and a central search bar anchor the layout, while the high-density grid of small, tilted cards encourages exploration.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/cosmos#section-1) (y 0–92px of 3625) · image: https://designly.sh/media/captures/cap_0fdb3a72628e44ccbc4572de4c27e99c/sections/0.webp · id sec_7f7acb5ed68248a9b9e38570307b7a90
2. [Hero: "Find your next lamp with character"](https://designly.sh/s/cosmos#section-2) (y 92–900px of 3625) · image: https://designly.sh/media/captures/cap_0fdb3a72628e44ccbc4572de4c27e99c/sections/1.webp · id sec_9742159b895641359e3839779de3aa68
3. [Content: "Build your world, your way"](https://designly.sh/s/cosmos#section-3) (y 1028–1572px of 3625) · image: https://designly.sh/media/captures/cap_0fdb3a72628e44ccbc4572de4c27e99c/sections/2.webp · id sec_3d8d4ea972b142b489e1e2528929ce52
4. [Gallery: "Birkenstock"](https://designly.sh/s/cosmos#section-4) (y 1700–2332px of 3625) · image: https://designly.sh/media/captures/cap_0fdb3a72628e44ccbc4572de4c27e99c/sections/3.webp · id sec_1060543779124b35872ab435cc5d7e74
5. [Content: "Find what others are saving"](https://designly.sh/s/cosmos#section-5) (y 2460–2888px of 3625) · image: https://designly.sh/media/captures/cap_0fdb3a72628e44ccbc4572de4c27e99c/sections/4.webp · id sec_d2791cd9e7e446d1aa10221a60c9b46a
6. [Logos: "Logos"](https://designly.sh/s/cosmos#section-6) (y 2968–3143px of 3625) · image: https://designly.sh/media/captures/cap_0fdb3a72628e44ccbc4572de4c27e99c/sections/5.webp · id sec_b5c7f82e418746598579abcb654283d8
7. [Footer: "Footer"](https://designly.sh/s/cosmos#section-7) (y 3223–3625px of 3625) · image: https://designly.sh/media/captures/cap_0fdb3a72628e44ccbc4572de4c27e99c/sections/6.webp · id sec_b17c808ffd134aef99f239a8b6558efa

## Design tokens

- Fonts: cosmosOracle (display)
- Corner radius: 9999px
- Section padding: 80px
- Export: https://designly.sh/s/cosmos?format=tokens.css · https://designly.sh/s/cosmos?format=tokens.json · https://designly.sh/s/cosmos?format=tokens.tailwind.css

## Images

- Desktop (1440×3625): https://designly.sh/media/captures/cap_0fdb3a72628e44ccbc4572de4c27e99c/desktop.webp
- Mobile (390×3284): https://designly.sh/media/captures/cap_0fdb3a72628e44ccbc4572de4c27e99c/mobile.webp
- Captured: 2026-10-26

## Other Pages of Cosmos

- [Careers](https://designly.sh/s/cosmos/careers?format=md) — /careers

## Related

- [Rive, Home](https://designly.sh/s/rive?format=md) — SaaS · Home · Custom code · Los Angeles, USA · styles: dark, bold, type-led, geometric · image: https://designly.sh/media/captures/cap_00384f8e673b4afa8f29c2b5fff3e6e4/desktop.webp
- [Readwise, Home](https://designly.sh/s/readwise?format=md) — SaaS · Home · Custom code · styles: serif, type-led, light, editorial · image: https://designly.sh/media/captures/cap_be4b5933b93c493982f8eb69abbc6f5d/desktop.webp
- [Pitch, Home](https://designly.sh/s/pitch?format=md) — SaaS · Home · Custom code · Berlin, Germany · styles: type-led, bold, tech, dark · image: https://designly.sh/media/captures/cap_56fccf5229fc4c9d81e43d11967aa135/desktop.webp
- [Paper, Home](https://designly.sh/s/paper?format=md) — SaaS · Home · Custom code · styles: type-led, minimal, geometric, tech · image: https://designly.sh/media/captures/cap_07112d7971a1433bb85855db740ee4b5/desktop.webp

Credit: every reference is a real business's site. If it shapes your work, link to the business and to its Designly page.