Linear Insurtech Minimal

This interface relies on a radiant off-white field (#FBFBFE) transitioning smoothly into pure crisp white container cards. Hierarchy is established through dense, high-contrast dark indigo typography (#0C0E24) at large display scales paired with precise uppercase tracking for metadata tags. Color serves purely functional and focus roles: an electric violet-indigo primary button (#5046E5) and soft lilac pills (#F1EFFF) anchor attention, accompanied by subtle pastel sphere accents (lilac #9D96FF and coral #FF7A70). The social proof logo garden is encased in a distinct rounded card (#FAFAFC) bordered by hairline dividers (#E6E8F0) with centered category labels. A reader first notices the confident headline 'Built for insurers. Trusted by leaders.' before eye-movement drifts down into the structured 6x2 grid of insurer monochrome marks.

1 张设计参考图

提示词信息
分享者	@Devault
模型	GPT Image 2.5
分类	界面组件与网格
数据集	stretchcloud · awesome-gpt-image-prompt-2.5

完整提示词

Design a light-mode website section: ethereal enterprise fintech with soft lilac gradients, high-key white canvases, and calm geometric precision.

LAYOUT
The layout is strictly centered along a vertical hero spine. At the top, the eyebrow pill introduces the target audience, descending directly into a two-line display headline and a restrained three-line centered narrative. Below the dual CTAs, a wide-aspect rounded social proof container spans ~1100px, structured as an upper divided label followed by an evenly spaced 6x2 grid of brand logos.

PALETTE (use these exact hex values)
- #FFFFFF — Page Background: Outer background canvas framing the hero and decorative illustrations
- #FAFAFC — Card Surface: Subtle light gray-purple container fill used for the social proof logo panel
- #0D0E23 — Primary Text: Deep near-black navy for headlines, major labels, and primary logo marks
- #5D627D — Secondary Text: Muted slate purple for descriptive body copy and logo sub-labels
- #5046E5 — Brand Violet: Primary solid CTA button background and pill bullet indicator
- #F3F1FD — Pill Background: Soft lilac wash used for the eyebrow badge above the headline
- #594DC8 — Pill Text: Saturated indigo text inside the hero eyebrow badge
- #E5E7EB — Border Subtle: Hairline rule borders on secondary button and section header divider lines
- #FA6E65 — Accent Coral: Warm coral floating orb in abstract background graphic

TYPOGRAPHY
Typeface Inter (or Plus Jakarta Sans, SF Pro Display, Helvetica Neue), weights 400/500/600/700. Sizes 11px caption, 12px body-sm, 14px body, 18px body-lg, 56px display. Tracking -0.03em for headlines, 0.08em for uppercase badges. The typographic tone is authoritative, corporate, and deeply engineered. By using Inter or SF Pro with heavy negative letter-spacing in the hero, it projects modern software precision while the uppercase micro-copy adds institutional credibility. For open-source implementation, Inter is the ideal drop-in match.

GEOMETRY & SPACING
Corner radii — cards 16px, links 4px, inputs 8px, buttons 8px. Spacing on a 8px unit, 20px gaps, 96px between sections, 1200px container, comfortable density.

DEPTH
Depth is created almost entirely through subtle surface color contrast (#FAFAFC on pure #FFFFFF) rather than elevated shadows. Buttons and cards stay flat with precise 1px hairline borders (#E5E7EB). The only dimensional cues come from soft isometric 3D illustrations that use rendered perspective rather than CSS box shadows.

IMAGERY
The imagery consists solely of abstract, high-precision vector and 3D schematic illustrations. On the left, isometric workflow tiles connect via dashed lines; on the right, celestial orbit rings host smooth gradient spheres (lilac and coral). Realistic photography or noisy textures would break this pristine, tech-native aesthetic.

SIGNATURE DETAIL — the thing that makes this design itself
The design's unmistakable signature is the hairline-flanked uppercase label ('POWERING INNOVATION AT HIGH-GROWTH INSURERS') resting flush within the top margin of a lightly shaded #FAFAFC rounded card. It establishes structured corporate pedigree without adding visual clutter. To preserve it, keep the flanking rules exactly 1px and centered vertically with the uppercase tracking.

MUST
- Keep typography high-contrast with dark navy (#0D0E23) rather than true pitch black
- Ensure the hero title is tightly tracked (-0.03em) with a compact 1.1 line-height
- Frame client logos inside an explicitly tinted rounded container (#FAFAFC) with 16px radius
- Pair the primary solid indigo CTA directly alongside a crisp white outline button

AVOID
- Do not use dark backgrounds; the design relies strictly on pure light enterprise aesthetics
- Avoid loud, multi-colored client logos; homogenize logos to monochromatic slate tones
- Do not drop heavy, dark drop-shadows under buttons or cards; use clean flat borders
- Avoid centering body paragraphs wider than 640px to preserve comfortable readability

OUTPUT
Render as a clean, pixel-crisp UI design at roughly 1792:1024. Flat vector rendering, real legible text, no browser chrome, no device mockup frame, no watermark, no lorem ipsum placeholder blocks.

在 DraPub 中尝试

看看同一视觉方向里的其他提示词。

返回提示词画廊

界面组件与网格设计参考

Abyssal Defense Matrix

This design orchestrates a high-contrast defense tech showcase on a pure white (#FFFFFF) ground, pairing deeply saturated underwater hero media with ultra-pale tinted ancillary panels. The primary canvas divides into an asymmetric bento layout: a dominant deep-ocean card (#0A131F) occupying roughly 58% width, counterbalanced by a stack of three subtly tinted cards in lavender (#F9F8FD), arctic blue (#F4F9FD), and peach-blush (#FFF8F4). Typography relies on a neutral grotesque sans-serif with tight tracking and heavy display weights, accented by an uppercase tracking-widened purple eyebrow label (#6355D8). Micro-metrics are structured inside frosted glass capsules (rgba(255,255,255,0.08)) with fine borders on the dark hero, while stats in the bottom banner sit cleanly bordered by hair-thin dividers (#E2E8F0). The visual hierarchy commands attention instantly through the photorealistic submarine cutting through murky cerulean water with an illuminated frontal headlight beam.

界面组件与网格设计参考

Aegis Airspace

Built on a muted light canvas of #f8fafc, this layout establishes hierarchy through an asymmetrical bento grid anchored by an ominous dark-slate spotlight card (#0c1527). Color is deployed almost entirely for information density rather than ornamentation, utilizing tactical cyan (#38bdf8) and safety alerts on the dark radar screen while keeping standard enterprise surfaces pristine white (#ffffff) with delicate #e2e8f0 borders. Typography is anchored by a high-contrast geometric sans display headline sized around 44px with tight tracking (-0.02em), flowing into disciplined 14px body and caption metrics. Cards share a consistent 20px corner radius, punctuated by pill-shaped taxonomy tags with a 999px radius and soft 12px squircle icon badges. What the viewer notices first is the high-contrast tension between the civilian enterprise white cards and the tactical military-grade radar visual inhabiting the primary card.

界面组件与网格设计参考

Aegis Clinical

The canvas is an ethereal, faintly cool-tinted white (#f8fafd) with subtle blue undertones that instantly conveys clinical sterilization and enterprise reliability. Color functions as an instrument of authority: intense cobalt blue (#1e3a8a) commands attention across prominent numerical metrics, star ratings, and links, while high-contrast charcoal (#0f172a) grounds primary typography. Subtle pastels—specifically a soft lavender-blue (#eef2ff) and muted sage green (#ecfdf5)—delineate verification and categorization without visual clutter. Typography relies on a neutral grotesque sans-serif with tight negative tracking at display scale (42px) and crisp, readable 14px body text. The entire architecture sits on a rigorous grid of rounded rectangular surfaces (16px border-radius) floating with imperceptible, soft diffuse shadows. What a reader notices first is the overwhelming density of quantifiable credibility—large blue numerals paired cleanly with verified testimonial quotes.

界面组件与网格设计参考

Aero Infra

The canvas is a sterile, clinical cool white gradient (#f4f7fc fading into #ffffff) that directly evokes refrigerated high-density server rooms. Color operates strictly as functional signal: deep navy-black (#0a0f1d) delivers typographic clarity, electric cobalt (#2f54eb) marks active infrastructure status, and eco-green (#22c55e) highlights carbon savings. Typography relies on a tight neo-grotesque sans-serif with aggressive negative tracking at display scales (-0.03em) down to crisp neutral utility at 13px. Spatial composition follows an asymmetric split layout: narrative evidence and metrics anchor the left 55%, while hardware server racks dominate the right with overlapping floating metric badges. Key observed values include generous 20px card corner radii, 12px pill badges, and razor-thin 1px dividers colored at #e2e8f0.