Overview
- Blend operational clarity with a calm cultural atmosphere.
- Use giant sans word stacks and soft serif body support.
- Let architecture and artifact imagery provide warmth without cluttering the UI.
Muse
Innovative suite of software solutions that power the world’s leading museums.
ExhibitionLarge TypeParallaxAgencyBlack WhiteMarketingBig Background ImageBig Background VideoLightClean
3.0
7
Visits
Categories
Available Pages
Version History
Workflow Collections
Design Analysis
Muse Home design analysis
Blend operational clarity with a calm cultural atmosphere. Use giant sans word stacks and soft serif body support. Let architecture and artifact imagery provide warmth without cluttering the UI. Favor facades, galleries,...
Key Takeaways
- Blend operational clarity with a calm cultural atmosphere.
- Use giant sans word stacks and soft serif body support.
- Let architecture and artifact imagery provide warmth without cluttering the UI.
- Favor facades, galleries, and artifact textures over office scenes.
- Treat quote cards and photo bands as equal parts of the page rhythm.
- Keep the shell predominantly white.
Image Direction
- Favor facades, galleries, and artifact textures over office scenes.
- Treat quote cards and photo bands as equal parts of the page rhythm.
Colors
- Keep the shell predominantly white.
- Use black for the main text anchor and limestone for quiet utility support.
- Let warm photographic tones arrive through the imagery rather than through UI color fields.
Typography
- Use a monumental sans for the largest claim.
- Use serif body text to add a soft cultural undertone without making the page historical.
Design.md
System Overview
Core identity and authoring metadata from the refto.one design model.
Gallery Operations Serif
A museum-operations marketing language built from high-white shells, monumental sans-and-serif word stacks, limestone utility pills, rounded testimonial tablets, and gallery photography.
Operational, cultured, and quietly premium.
Primary mode: lightoperations platform marketingcontent-rich
Theme
Fields outside the primary renderer remain visible here as structured fallback content.
Visual atmosphere
Summary
Operational, cultured, and quietly premium.
Density
4
Variance
5
Motion
3
Signals
monumental word stack · limestone pill · rounded quote tablet
Colors
Primitive palettes and resolved token colors for the active preview mode.
Palette colors
Gallery White
#FFFFFF
Carbon Ink
#000000
Limestone
#E4E5DF
Warm Gray
#989990
Artifact Sand
#B69472
Usage rules
Keep the shell extremely light.
Use limestone as the soft neutral around operations language and buttons.
Token Spacing
Spacing scales rendered as tokens with a simple length specimen.
xs
0.5rem
sm
0.875rem
md
1.25rem
lg
2rem
xl
3rem
section_gap
clamp(4rem, 8vw, 6rem)
panel_padding
1.5rem
Token Radii
Corner radii tokens with a live surface sample.
sm
12px
md
20px
lg
36px
xl
44px
full
999px
Typography Families
Font families from the current design YAML, including fallback stacks and usage character.
Display
Suisse Intl
modern monumental operations voice
Body
Iowan Old Style
soft cultural body voice
Accent
Suisse Intl
navigation and UI label voice
Mono
IBM Plex Mono
rare data annotation voice
Typography Scale
Top-level typography scale rendered as live text specimens.
Display
clamp(3rem, 6vw, 5.4rem)/—
Display
H2
clamp(2rem, 4vw, 3rem)/—
H2
H3
1.1rem/—
H3
Body
1.05rem/—
Body
Label
0.8rem/—
Label
Typography Rules
Fields outside the primary renderer remain visible here as structured fallback content.
Rules
Use the sans display for huge stacked statements. · Let the serif body layer soften the operational claim without taking over the page.
Motion
Motion tokens rendered as resolved values for timing and personality.
Duration
180ms-260ms
Easing
cubic-bezier(.22, 1, .36, 1)
Motion
Resolved motion token values.
| Property | Value |
|---|---|
duration | 180ms-260ms |
easing | cubic-bezier(.22, 1, .36, 1) |
Layout Principles
Start with a giant word stack and a single anchor action.
Alternate high-white operational chapters with cultural image bands.
Use rounded quote or feature tablets to keep the page from feeling severe.
Component Preview
Low-complexity component tokens rendered as design-system specimens.
Actions black button
Base Attributes
Background
#000000
Text
#FFFFFF
Border
none
Radius
12px
Padding
0.9rem 1.2rem
Actions limestone button
Base Attributes
Background
#E4E5DF
Text
#000000
Border
none
Radius
12px
Padding
0.9rem 1.2rem
Cards quote tablet
Feature Card
Component preview content
Base Attributes
Background
#FFFFFF
Text
#000000
Border
none
Radius
36px
Padding
1.75rem
Shadow
none
Image direction
Schema-agnostic optional blocks from the design YAML. New option keys render here automatically.
Role
supportive
Media types
- -architectural photograph
- -artifact texture
- -testimonial tablet
Subject patterns
- -cultural facades
- -stone or gallery surfaces
- -large white quote cards
Composition logic
- -Place one monumental word stack above or beside one image band.
- -Keep image bands wide and calm.
Treatment rules
- -Favor real architecture and artifacts over stock office scenes.
- -Use white or limestone UI around the imagery.
Generation cues
- -Ask for a museum-operations marketing page with monumental black headlines, limestone utility pills, and gallery photography.
- -Mention rounded white quote cards and white space.
Avoid
- -No neon dashboards.
- -No full-pill CTA system.
Anti Patterns
Compact list of patterns the design system explicitly avoids.
- -Do not turn the site into a dark luxury brand.
- -Do not replace the cultural image layer with generic office photography.
- -Do not use fully rounded pill buttons as the default control shape.