Orbital Editorial

The interface operates on an ultra-pale, nearly clinical canvas (#FAFAFC) bordered by faint technical crosshair patterns. Visual weight is strictly calibrated around high-contrast typography: deep ink-black (#111318) headlines contrast against cobalt accents (#2B4CDE) and muted slate body copy (#636B78). The dominant hero section pairs an elegant transitional serif display heading (~48px) with a centered 6x2 grid of logo partner cards. Each partner card features a pure white (#FFFFFF) background framed by an imperceptible hairline border (#ECEEF2) and soft rounded corners (8px). Subtle technical glyphs like hexagonal badge icons and coordinate plus-markers ground the literary elegance in aerospace engineering. The composition maintains immense vertical breathing room, creating an austere yet prestigious institutional presence.

1 张设计参考图

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

完整提示词

Design a light-mode website section: crystalline aerospace prestige anchored by literary serifs and whisper-subtle translucent grid tiles.

LAYOUT
The page flows along a rigorous symmetrical vertical spine. It starts with an uppercase overline badge, drops into a centered two-line editorial headline, and eases into an explanatory deck paragraph. A expansive gap introduces the dominant 6-column, 2-row logo matrix, punctuated below by a centered technical hexagon node and concise closing CTA link.

PALETTE (use these exact hex values)
- #FAFAFC — Canvas Ground: Primary light architectural backdrop spanning the entire viewport.
- #FFFFFF — Card Surface: Elevated white fill for client logo tiles and interactive blocks.
- #ECEEF2 — Border Hairline: Delicate perimeter stroke around logo cards and decorative dividers.
- #E0E3EB — Technical Grid Markers: Faint engineering plus-grid ticks in outer margins.
- #111318 — Ink Obsidian: Primary high-contrast color for display serifs, subheadings, and logos.
- #636B78 — Muted Slate: Secondary description copy providing readable neutral contrast.
- #2B4CDE — Cobalt Signal: Accent color for eyebrow overline badge and interactive text links.

TYPOGRAPHY
Typeface Newsreader (or Tiempos Headline, Reckless, Source Serif Pro), weights 400/500. Sizes 11px caption, 14px body-sm, 16px body, 18px subheading, 48px display. Tracking -0.015em. The typographic pairing exudes institutional authority, resembling a premier research laboratory or aerospace foundry report. Newsreader (or Tiempos) contributes scholarly heritage and bespoke credibility, while clean Inter sans-serif handles structural clarity. Commercial substitutes include Freight Text or Lyon Display.

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

DEPTH
Depth is virtually flat and architectural. Clean separation is achieved entirely via surface value contrast—solid white (#FFFFFF) tiles sitting over a cool mist-grey canvas (#FAFAFC)—bolstered by a razor-thin 1px border (#ECEEF2). No blur or directional drop shadows are utilized.

IMAGERY
This design strictly eschews photography in favor of vector mark heraldry and subtle engineering glyphs. Logos are presented with unified optical visual weight and rendered purely in Ink Obsidian (#111318). Unstyled corporate marks or colorful icons would severely compromise the aesthetic.

SIGNATURE DETAIL — the thing that makes this design itself
The juxtaposition of an academic, literary serif headline with a mathematically rigid 6x2 grid of sterile white logo tiles framed by peripheral crosshair coordinates. This marriage between 18th-century intellectual publishing and orbital aerospace telemetry gives the composition its unmistakably premium tone.

MUST
- Keep partner logos strictly monochrome charcoal (#111318) for egalitarian typographic dignity.
- Enforce equal width and height across all 12 logo card containers in the grid.
- Restrict large type to classical transitional serif faces with delicate contrast.
- Maintain high negative space between the narrative intro and the partner card grid.

AVOID
- Do not render partner logos in their native brand colors; it destroys the archival uniformity.
- Avoid heavy drop shadows; depth must rely purely on white tile fill against #FAFAFC canvas.
- Never replace the display serif with an expressive modern sans or geometric typeface.
- Do not reduce card gaps below 12px; cards must read as distinct precision modules.

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.