A digital loading screen with a centered abstract logo mark.
02
Color
#1a5276Accent
#666666Ink
#ffffffBG
#999999Muted
rgba(0,0,0,0)Line
Extreme minimalism with a stark white background and a single dark blue accent in the logo.
03
Typography
slab-serif
display36px · 400
Text is only present in the logotype. · Font is a classic, slightly condensed slab-serif.
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Centered vertical stack with ample whitespace.
05
Surfaces
sm · 4px
md · 8px
lg · 12px
pill · 999px
None visible.
06
Layout
1280container
12columns
24pxgutter
768 / 1024breakpoints
Centered content column with an abstract graphic above a logotype.
07
Motion & Interaction
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
Presumed subtle loading or fade-in animation for the centered elements.
None evident. · None evident.
08
Components
heroCentered abstract ring graphic with the brand logo beneath it.
09
Voice & Don'ts
ToneMinimalist
HeadlinesN/A
CTAsN/A
Don't add background patterns — the screenshot shows a solid white background.
Don't use vibrant, saturated colors — the screenshot uses muted grays and a single dark blue.
Don't add complex UI components — the screenshot only contains a graphic and a logotype.
Don't use sans-serif fonts for the logotype — the screenshot clearly uses a slab-serif.
Don't create busy, multi-column layouts — the screenshot shows a single centered column.
Don't use drop shadows or heavy borders — the screenshot relies on flat, solid shapes.
Avoid: Busy layouts
Avoid: Vibrant color palettes
Avoid: Dense typography
Avoid: Complex grids
Avoid: Decorative elements
Avoid: Interactive UI components
11
System prompt
This is a minimalist, centered layout typically used for a loading or splash screen. The core elements are a white background (#ffffff), muted gray tones (#999999), and a single dark blue accent (#1a5276) found in the logo. The logotype uses a slab-serif font category. The layout is entirely focused on a single centered column with maximum whitespace. Critical design rules: do not add background textures or patterns, do not use vibrant, saturated colors, and do not introduce complex UI components like buttons or cards, as the screen is highly restrained.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.
