Design a light-mode web interface screen: sculpted white space punctuated by electric cobalt accents and luminous ambient radial glows.
LAYOUT
The interface is structured around a persistent 88px left rail housing navigation and secondary tools, creating an asymmetric desktop framework. The main canvas flows in wide single-column editorial bands (max-width 1240px) separated by consistent 112px section gaps. Asymmetric 2-column grids split narrative text on the left and imagery/interactive widgets on the right.
PALETTE (use these exact hex values)
- #ffffff — Canvas White: Primary background for viewport canvas, standard cards, and modal sheets.
- #fafafa — Rail White: Subtle tint for left fixed vertical navigation container and secondary chip backgrounds.
- #1d4ed8 — Electric Cobalt: Primary CTA buttons, interactive links, skill completion bars, and active menu indicators.
- #0f172a — Slate Ink: High-contrast headings, main name display, and primary metric numerals.
- #64748b — Muted Slate: Subheadings, long-form paragraph body copy, and secondary meta labels.
- #f1f5f9 — Subtle Border: Divider lines, empty progress bar tracks, and secondary button strokes.
- #ffedd5 — Ambient Peach: Soft atmospheric radial blur behind hero title and secondary floating badges.
- #10b981 — Status Emerald: Pulsing availability dot indicating 'Available for new projects' and 'Open to work'.
TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter, DM Sans, General Sans), weights 400/500/600/700. Sizes 11px caption, 13px body-sm, 14px body, 16px body-lg, 20px subheading, 28px heading, 48px display. Tracking -0.03em at display, 0 at body. The typographic tone is authoritative yet approachable, driven by a modern geometric grotesque. Generous ascenders and clean circular counters create an open, intellectual personality reminiscent of high-end design consultancies. A reliable free match is Plus Jakarta Sans or Inter with carefully tightened display tracking.
GEOMETRY & SPACING
Corner radii — cards 16px, links 4px, inputs 8px, buttons 10px. Spacing on a 8px unit, 24px gaps, 112px between sections, 1200px container, airy density.
DEPTH
Depth is achieved through atmospheric blur layers rather than aggressive Z-axis drop shadows. Large, low-opacity radial shapes in peach and periwinkle sit behind text blocks, mimicking soft studio light. Floating white cards utilize a faint 0 20px 40px rgba(15, 23, 42, 0.05) wash to detach gently from background layers.
IMAGERY
Photography features clean studio portraiture with neutral gray, cream, or beige backgrounds, shot in relaxed editorial styling. Subjects use natural daylighting with candid, thoughtful posture. High-saturation stock photos or complex textured environments are strictly avoided.
SIGNATURE DETAIL — the thing that makes this design itself
The signature element is the interplay between the crisp 88px app rail, high-contrast cobalt actions, and diffuse ambient pastel background discs that bleed softly beneath floating cards. It transforms an otherwise sterile monochrome wireframe into an inviting, high-craft creative atelier.
MUST
- Keep ambient color discs blurred between 80px and 120px filter radius to prevent defined edges.
- Maintain strict 88px left offset across all responsive viewport states for the navigation spine.
- Reserve the electric cobalt (#1d4ed8) exclusively for active interactive elements and key headings.
- Use pill-shaped 9999px tracks for all horizontal metrics and progress indicators.
AVOID
- Never introduce heavy dark dropshadows; rely on diffused, low-opacity ambient slate shadows.
- Do not tint the main canvas; keep the central content area strictly #ffffff for sharp readability.
- Avoid colored backgrounds on secondary buttons; use pure white fill with a subtle 1px gray border.
- Never allow progress tracks or process pipelines to break into vertical stacks on desktop widths.
OUTPUT
Render as a clean, pixel-crisp UI design at roughly 1280:3840. Flat vector rendering, real legible text, no browser chrome, no device mockup frame, no watermark, no lorem ipsum placeholder blocks. 在 DraPub 中尝试 
