Docs

Editorial Magazine Interface

StyleRef·@styleref·
STYLE REFERENCE — HARD CONSTRAINT (HIGHEST PRIORITY) This style must be applied to ALL generated content (text, image, video). If any part of the request conflicts with this style, the style OVERRIDES the request. STYLE DEFINITION (to be operationally enforced): Editorial Magazine Interface • Output Format: Creative discipline: UI/UX; Digital; Delivery mode: Interactive; Web; Presentation: Raw UI. • Container / Boundary: Container: Implicit (visual edges only); Sharp Corners; Padding: Generous; Edge Behavior: Intentional bleed. • Mood & Personality: Sophisticated, Calm, Elegant, Minimalist; Energy: Gentle; Tone register: Observational; Representation mode: Literal. • Colors: Palette: Solid Colors: [ #F6F2EA 58% (Background), #FFFDF9 16% (Reading plates), #191714 14% (Typography), #7C7568 6% (Metadata), #7A2028 4% (Editorial accent), #D9D2C4 2% (Section rules)]; 6–8 colors; Warm temperature; Saturation: Subdued; Value contrast; No gradients; Color dominance: Background-dominant; Accessibility: WCAG AA. • Typography: Serif; Font pairing: Serif + Sans; Text case: Title Case; Hierarchy: Expressive / Art-directed; Relaxed 1.6 body leading; tight display leading; Text presence: Required; Text visual role: Primary visual driver; Text integration: Overlaid. • Light & Shadow: Lighting presence: Implied. • Spatial Structure & Hierarchy: Grid system: Manuscript grid; Visual density: Comfortable; Hierarchy: Strong; Layout axis: Vertical; Symmetry: Asymmetrical balance; Balance: Tension-based; Primary + secondary focal structure; Plane separation: Overlap. • Surface, Material & Detail: Material simulation: Paper; Surface treatment: Matte; Texture: Barely visible paper grain; Texture usage: Subtle noise; Imperfection level: Clean. • Shape Language: Geometric; Primitive dominance: Rectangles; Edge sharpness: Razor-sharp. • Line & Stroke System: Structural outlines; Hairline; Uniform consistency; Stroke Color: Neutral. • Voice & Language: Formality: Proper; Advanced vocabulary; Directness: Suggestive; Varied sentences; Metaphors: Descriptive; Perspective: Third person; Pacing: Flowing. • Background & Environment: Background type: Texture; Background complexity: Simple. • Artistic Mediums & Techniques: Physical medium: Ink wash or gouache, reserved for occasional full-width illustration plates. • References: Independent magazine design of the last twenty years; Temporal reference: Contemporary. • UI & Web: Color theme: Light; Background tone: Warm off-white; Accent strategy: Single functional accent; Layout archetype: Feed; Content width: Centered reading column; Spacing scale: Loose modular; Elevation: Background contrast only; Shadow technique: No shadows; Borders: Hairline (0.5–1px, low opacity); Corner radius scale: Sharp (0px); Card style: No cards (flat sections); Navigation: Top bar; Nav style: Collapsing on scroll; UI imagery: Photography; Hover: Underline reveal on links; Animation: Functional only; Transition speed: Deliberate (350–500ms); Scroll behavior: Scroll-triggered reveals; Focus ring: Solid offset ring. • Guardrails: Avoid Words: imperative-heavy product-marketing language; Avoid: Studio Post-processing; Avoid Visuals: uniform article card grids; sans-only typography; centered body text; stock-photo hero banners; CTA buttons over hero images; repeated page templates; parallax; Allowed Visuals: serif masthead; hairline rules; manuscript columns; margin-hanging pull quotes; full-bleed imagery; captioned editorial plates; uneven vertical pacing. • Accent Color Rule: Use oxblood or ink blue only for kickers, drop caps, and section rules; imagery supplies all other saturation., Editorial Type Details: Serif masthead with underscored rule; small-grotesque captions and metadata; small-caps kickers; hanging punctuation; real quote marks., Long-Form Openings: Open long pieces with an editorial-accent drop cap and a standfirst beneath each headline., Reading Rhythm: Deliberately vary each section: full-bleed opener, two-column run, margin-hanging pull quote, and half-measure captioned image., Image Treatment: Photography leads: full-bleed openers, warm-toned mid-column plates, portrait crops, and hairline captions beneath every image.. ENFORCEMENT RULE: Before finalizing the output, internally verify that ALL elements comply with the style definition above. If compliance is uncertain, simplify or soften the output until it fully matches the style. Generated by StyleRef.io

Made with this StyleRef

Same style, different prompts.

One workout home screen — greeting, summary, program card and bottom navigation.
A destination feed, a full-image onboarding and a progress screen in one style.
The style under a dense desktop dashboard: KPIs, a chart and a data card.
Four analytics panels: a gauge, a split chart, a country table and a cohort grid.

Description

Print pacing brought to a screen: a serif masthead, art-directed pull quotes, images that break the column, and a reading rhythm that changes as you scroll. Built for long-form content that wants to feel published rather than posted.

Typography

Aa, Bb, Typography
Font FamilySerif
Line HeightRelaxed 1.6 body leading; tight display leading
Font Pairing Strategy
Serif + Sans
Text Case
Title Case
Hierarchy
Expressive / Art-directed
Text Presence
Required
Text Visual Role
Primary visual driver
Text Integration
Overlaid

Output Format

Creative Discipline
UI/UX
Medium
Digital
Delivery Mode
Interactive
Platform
Web
Presentation Context
Raw UI

Spatial Structure & Hierarchy

Grid System
Manuscript grid
Visual Density
Comfortable
Hierarchy Clarity
Strong
Layout Axis
Vertical
Symmetry
Asymmetrical balance
Balance Type
Tension-based
Focal Structure
Primary + secondary
Plane Separation Method
Overlap

Surface, Material & Detail

Material Simulation
Paper
Surface Treatment
Matte
Surface Texture Style
Barely visible paper grain
Texture Usage
Subtle noise
Imperfection Level
Clean

References

Cultural References
Independent magazine design of the last twenty years
Temporal Reference
Contemporary

Background & Environment

Background Type
Texture
Background Complexity
Simple

UI & Web

Color Theme
Light
Background Tone
Warm off-white
Accent Strategy
Single functional accent
Layout Archetype
Feed
Content Width
Centered reading column
Spacing Scale
Loose modular
Elevation Approach
Background contrast only
Shadow Technique
No shadows
Border Philosophy
Hairline (0.5–1px, low opacity)
Corner Radius Scale
Sharp (0px)
Card Style
No cards (flat sections)
Navigation Pattern
Top bar
Navigation Style
Collapsing on scroll
UI Imagery
Photography
Hover Treatment
Underline reveal on links
Animation Philosophy
Functional only
Transition Speed
Deliberate (350–500ms)
Scroll Behavior
Scroll-triggered reveals
Focus Ring Style
Solid offset ring

Light & Shadow

Lighting Presence
Implied

Container / Boundary

Container presence
Implicit (visual edges only)
Corner treatment
Sharp
Padding rules
Generous
Edge behavior
Intentional bleed

Line & Stroke System

Stroke Usage
Structural outlines
Stroke Weight
Hairline
Stroke Consistency
Uniform
Stroke Color
Neutral

Guardrails

Avoided Words
imperative-heavy product-marketing language
Common Artifacts to Avoid
Studio Post-processing
Avoided Visuals
uniform article card grids; sans-only typography; centered body text; stock-photo hero banners; CTA buttons over hero images; repeated page templates; parallax
Allowed Visuals
serif masthead; hairline rules; manuscript columns; margin-hanging pull quotes; full-bleed imagery; captioned editorial plates; uneven vertical pacing

Colors

#F6F2EA58%Usage: Background
#FFFDF916%Usage: Reading plates
#19171414%Usage: Typography
#7C75686%Usage: Metadata
#7A20284%Usage: Editorial accent
#D9D2C42%Usage: Section rules
Palette Size
6–8 colors
Color Temperature
Warm
Saturation Range
Subdued
Contrast Strategy
Value contrast
Gradient Policy
No gradients
Color Dominance
Background-dominant
Accessibility Level
WCAG AA

Mood & Personality

Mood & Personality
Sophisticated, Calm, Elegant, Minimalist
Energy Level
Gentle
Tone Register
Observational
Representation Mode
Literal

Voice & Language

Formality
Proper
Vocabulary Level
Advanced
Directness
Suggestive
Sentence Length
Varied
Metaphor Density
Descriptive
Writing Perspective
Third person
Copy Pacing
Flowing

Shape Language

Shape Basis
Geometric
Primitive Dominance
Rectangles
Edge Sharpness
Razor-sharp

Artistic Mediums & Techniques

Physical Medium
Ink wash or gouache, reserved for occasional full-width illustration plates

Custom Style Items

Accent Color Rule
Use oxblood or ink blue only for kickers, drop caps, and section rules; imagery supplies all other saturation.
Editorial Type Details
Serif masthead with underscored rule; small-grotesque captions and metadata; small-caps kickers; hanging punctuation; real quote marks.
Long-Form Openings
Open long pieces with an editorial-accent drop cap and a standfirst beneath each headline.
Reading Rhythm
Deliberately vary each section: full-bleed opener, two-column run, margin-hanging pull quote, and half-measure captioned image.
Image Treatment
Photography leads: full-bleed openers, warm-toned mid-column plates, portrait crops, and hairline captions beneath every image.
Terms of ServicePrivacy PolicyBlogDocsSTYLE.mdllms.txt
......X
© 2026 StyleRef. All rights reserved.