# Daylight Computer, Product

E-commerce brands · Product · Custom code · San Francisco, USA
Live page: https://daylightcomputer.com/product
On Designly: https://designly.sh/s/daylight-computer/product · JSON: https://designly.sh/s/daylight-computer/product?format=json
Site: [Daylight Computer](https://designly.sh/s/daylight-computer?format=md) (https://daylightcomputer.com)
Styles: serif, warm, editorial, minimal

## Why it works

Large serif headlines on an off-white background give the hardware a tactile, editorial quality. Bright orange is used sparingly for the "ORDER NOW" button and the cart total, ensuring the primary action stands out against the muted tones and rounded UI elements.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/daylight-computer/product#section-1) (y 0–120px of 4672) · image: https://designly.sh/media/captures/cap_a38ec89b798b4ea6ab06c594e1a25e5f/sections/0.webp · id sec_abc7ec495d1b44528822d73b16f973db
2. [Hero: "Daylight DC-1"](https://designly.sh/s/daylight-computer/product#section-2) (y 120–1032px of 4672) · image: https://designly.sh/media/captures/cap_a38ec89b798b4ea6ab06c594e1a25e5f/sections/1.webp · id sec_c5ddd6ceea68474ab567b93eb358132c
3. [Content: "Daylight is for every day"](https://designly.sh/s/daylight-computer/product#section-3) (y 1032–1748px of 4672) · image: https://designly.sh/media/captures/cap_a38ec89b798b4ea6ab06c594e1a25e5f/sections/2.webp · id sec_9e815533cead45879e449de800a278a2
4. [Logos: "Bring all your favorite apps"](https://designly.sh/s/daylight-computer/product#section-4) (y 1868–2116px of 4672) · image: https://designly.sh/media/captures/cap_a38ec89b798b4ea6ab06c594e1a25e5f/sections/3.webp · id sec_1eccbca5f9234f3ca1304dbe2c4fdc86
5. [Content: "Product Specs"](https://designly.sh/s/daylight-computer/product#section-5) (y 2356–2782px of 4672) · image: https://designly.sh/media/captures/cap_a38ec89b798b4ea6ab06c594e1a25e5f/sections/4.webp · id sec_ebc9958fabad4a0dae3a5b5a78d6fd08
6. [Features: "Display"](https://designly.sh/s/daylight-computer/product#section-6) (y 2854–3572px of 4672) · image: https://designly.sh/media/captures/cap_a38ec89b798b4ea6ab06c594e1a25e5f/sections/5.webp · id sec_0598da42ec804221b91b347ec56f1708
7. [Footer: "Footer"](https://designly.sh/s/daylight-computer/product#section-7) (y 3667–4671px of 4672) · image: https://designly.sh/media/captures/cap_a38ec89b798b4ea6ab06c594e1a25e5f/sections/6.webp · id sec_d802038be1c8486ea106ec09388e497e

## Design tokens

- Colours: #E9E0DA (background), #18190F (text), #FF9D00 (accent), #000000 (muted), #FAF4F2 (surface)
- Fonts: __abcArizonaFlareFont_498f8e (display), __abcRoomFont_38b1ae (body)
- Corner radius: 9999px
- Section padding: 18px
- Export: https://designly.sh/s/daylight-computer/product?format=tokens.css · https://designly.sh/s/daylight-computer/product?format=tokens.json · https://designly.sh/s/daylight-computer/product?format=tokens.tailwind.css

## Images

- Desktop (1440×4672): https://designly.sh/media/captures/cap_a38ec89b798b4ea6ab06c594e1a25e5f/desktop.webp
- Mobile (390×5731): https://designly.sh/media/captures/cap_a38ec89b798b4ea6ab06c594e1a25e5f/mobile.webp
- Captured: 2026-10-26

## Other Pages of Daylight Computer

- [Home](https://designly.sh/s/daylight-computer?format=md) — /

## Related

- [Light Phone, Product](https://designly.sh/s/light-phone/shop/products/light-phone-iii?format=md) — E-commerce brands · Product · Custom code · Brooklyn, USA · styles: dark, minimal, type-led, luxe · image: https://designly.sh/media/captures/cap_f5225658126b442c8fbbd35c7990f6bc/desktop.webp
- [Teenage Engineering, Product](https://designly.sh/s/teenage-engineering/products/op-1?format=md) — E-commerce brands · Product · Custom code · Stockholm, Sweden · styles: minimal, type-led, geometric, tech · image: https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/desktop.webp
- [Teenage Engineering, Product](https://designly.sh/s/teenage-engineering/products?format=md) — E-commerce brands · Product · Custom code · Stockholm, Sweden · styles: type-led, minimal, geometric, industrial · image: https://designly.sh/media/captures/cap_ef31d73530f74489b85ceec13d4b0dd9/desktop.webp
- [reMarkable, Product](https://designly.sh/s/remarkable/products/remarkable-paper/pro?format=md) — E-commerce brands · Product · Custom code · Oslo, Norway · styles: serif, editorial, minimal, photo-led · image: https://designly.sh/media/captures/cap_b4d8b127522048d297aa1800ac1c4e35/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.