A curated gallery of contemporary art and fashion in digital magazine form
02
Color
#000011Ink
#686868Ink soft
#ffffffBG
rgba(0,0,17,1.0)Line
A predominantly monochrome palette where stark black text on white provides maximum contrast, allowing photography to carry all color and visual interest.
03
Typography
transitional-serif · humanist-sans
display52px · 400
headline32px · 400
body18px · 400
caption12px · 400
Use transitional-serif for all headlines and display text. · Use humanist-sans for body copy and navigation. · Maintain generous line-height for readability.
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Consistent 4px base scale with generous vertical padding around sections (approx. 206px top padding on content sections) to create visual breathing room.
05
Surfaces
sm · 0px
md · 0px
lg · 0px
pill · 999px
1px solid borders used sparingly; primary navigation separated by a thin 1px solid black line.
06
Layout
1280container
12columns
24pxgutter
768 / 1024breakpoints
Full-width hero images followed by multi-column grids (4-column for article previews). Content centered with generous whitespace.
07
Motion & Interaction
150msmicro
400mssmall
600msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
Color and background transitions on hover states (0.15s ease-in-out) · Opacity fade transitions for content reveals
Subtle color transitions on interactive elements. · Standard pointer cursor on all clickable elements.
08
Components
buttonMinimal outlined buttons (1px solid black border, black text, white fill) used for cookie consent.
cardImage-dominant cards with category labels above and serif headlines below; no borders or shadows.
heroFull-bleed photographic hero image with overlay text positioned on the right side.
09
Voice & Don'ts
ToneSophisticated, cultured, and authoritative.
HeadlinesLarge, elegant serif headlines that command attention.
CTAsMinimal, understated calls to action that don't compete with editorial content.
Don't use rounded corners — screenshot shows sharp 0px corners on all elements including buttons and cards.
Captured from the live site · real computed styles
11
System prompt
This is a premium editorial magazine website (AnOther Magazine) focused on art, fashion, and culture. Position it as a refined, image-forward digital publication with gallery-like presentation. Key hex colors are #ffffff (background), #000011 (primary ink/text), and #686868 (muted/secondary text). Typography uses transitional-serif (Kepler3) for headlines and humanist-sans (HelveticaNowText) for body text, all at fontWeight 400. Critical donts: never use rounded corners on any element; never introduce bright or neon accent colors; never use bold font weights; never create dense layouts without generous whitespace; never use sans-serif for headlines; never add drop shadows to surfaces.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.
