Soft Daylight Floating Web
Soft glow web design
Soft Daylight Floating Web
Soft glow web design
Showcase
Description
Soft daylight style web design system: light sky-blue canvas (#ebf5ff), oversized display text with a fixed font weight of 500 (responsive up to 148px), 32px rounded cards + 9999px pills, near-black #181d27 solid CTA buttons, pastel color blocks, and floating 3D clay-style illustrations. Depth is achieved solely through tonal shifts from canvas to cards; content cards have zero shadow. Suitable for 'soft daylight style', '3D illustration landing pages', 'light blue canvas', 'rounded card style', 'SaaS homepage', 'Linear/Framer style', etc., with built-in accessibility and responsive constraints.
Recommended by
Dancang
Why we love this skill
Centered on soft daylight tones and 3D clay illustrations, this design system uses a light blue canvas and zero-shadow rounded cards to craft a modern, breathable, and approachable look for SaaS and landing pages.
Related Skills
View all
WebpageFashion Creative Design Page
A web design system with a fashion-editorial poster style: warm cream paper canvas (#fffef7), 300-weight oversized headlines (64–84px), full-bleed photography, zero shadows, square-corner cards + pill buttons with a 1440px radius. Suitable for needs such as "fashion design style", "magazine layout", "poster style", "art portfolio webpage", "studio portfolio", "gallery page". It can rewrite any content into a high-end fashion editorial style page.
ImageSoft Blur xiaoxiaodong
Ideal for reducing an ordinary photo to a soft, distanced visual symbol. The original image appears in the upper half; below, the subject becomes an organic abstract outline made from translucent layers, soft-focus diffusion, and a few pixel fragments. The symbol is complete, centered, and modest in scale, with clean space around it and only a tiny, precise sans-serif caption beside it. The palette uses low-contrast milky white, nude pink, misty pink, gray-green, pale olive, and light blue—like colors filtered through soft light. Avoid literal object rendering, complete scenes, commercial illustration, neon, strong gradients, and cartoon styles.
ImageProduct Space Style Kit
Input product images and style preferences, optionally with a real-space base image, to produce 4 style-consistent product sample photos. With a base image, the product is integrated into the real space with correct perspective, lighting, and occlusion, maintaining the original aspect ratio; without a base image, it sets up 1 panoramic 16:9, 2 medium-shot 4:5, and 1 close-up 4:5 scene. It also includes an explanation webpage and document containing a five-dimensional visual breakdown and reusable prompts. The workflow features built-in sample testing and consistency checking to ensure the product remains unchanged, the base space is unmanipulated, and the entire set does not drift.
Information
- Version
- v2
- Last updated
- Runtime credits
- Usage-based
- Models
- Auto
