Overview
Design event pages like a typographic poster first and a website second. The identity should come from giant black mono forms, disciplined white space, and one or two sharp accents rather than a busy conference-brand toolkit.
Laracon 2026
The flagship Laravel conference.
4.0
4
Visits
Available Pages
Version History
Workflow Collections
Design Analysis
Laracon 2026 Home design analysis
Design event pages like a typographic poster first and a website second. The identity should come from giant black mono forms, disciplined white space, and one or two sharp accents rather than a busy conference-brand too...
Image Direction
Use media as hard rectangular evidence blocks inside a predominantly typographic composition. The real image direction is the type itself: huge, black, compressed, and blunt against a white field.
Colors
Work in black and white, with vermilion as a rare strike. Use line gray only where you need a quiet separator. Avoid building secondary palette systems.
Typography
Mono is the hero voice here. Use it for poster statements, navigation, dates, and labels. A cleaner sans can support explanatory copy, but it should never compete with the mono structure.
Design.md
System Overview
Core identity and authoring metadata from the refto.one design model.
Monument Mono Event Poster
A typographic event-poster system built from white space, black monument type, mono navigation, and sharp vermilion interrupts.
poster-like, typographic, and physically bold rather than digitally decorative
Primary mode: lightdeveloper conference marketingevent-marketing
Theme
Fields outside the primary renderer remain visible here as structured fallback content.
Visual atmosphere
Summary
poster-like, typographic, and physically bold rather than digitally decorative
Density
2
Variance
2
Motion
1
Signals
white field · monument black type · mono labels · vermilion accent
Colors
Primitive palettes and resolved token colors for the active preview mode.
Palette colors
Poster White
#FAFAFA
Poster Black
#0A0A0A
Vermilion
#FF281C
Line Gray
#E5E5E5
Soft White
#FFFFFF
Usage rules
Keep the page mostly black on white.
Use vermilion as a rare strike, not a recurring full-section fill.
Let scale and type weight do the dramatic work instead of color.
Token Spacing
Spacing scales rendered as tokens with a simple length specimen.
xs
4px
sm
8px
md
16px
lg
24px
section
112px
Token Radii
Corner radii tokens with a live surface sample.
sm
2px
md
4px
lg
12px
full
999px
Typography Families
Font families from the current design YAML, including fallback stacks and usage character.
Display
Commit Mono
stamped, poster-like, and forceful
Body
Instrument Sans
quiet explanatory copy
Mono
Commit Mono
nav, dates, locations, and labels
Typography Scale
Top-level typography scale rendered as live text specimens.
Display
6rem/—
Display
H2
2.25rem/—
H2
Body
1rem/—
Body
Caption
0.875rem/—
Caption
Typography Rules
Fields outside the primary renderer remain visible here as structured fallback content.
Rules
Use mono for navigation, labels, and giant typographic anchors. · Use sans body copy only as a supporting voice beneath the poster language. · Favor uppercase and strong tracking in utility zones.
Motion
Motion tokens rendered as resolved values for timing and personality.
Duration
0ms-160ms
Easing
linear
Spring
stiffness 140, damping 24
Motion
Resolved motion token values.
| Property | Value |
|---|---|
duration | 0ms-160ms |
easing | linear |
spring | stiffness 140, damping 24 |
Layout Principles
Use massive typographic anchors that can dominate the fold.
Treat the page like a poster with clusters of detail floating around the main wordform.
Keep sectioning sparse and allow large blank areas to preserve impact.
Component Preview
Low-complexity component tokens rendered as design-system specimens.
Buttons primary
Base Attributes
Background
#0A0A0A
Text
#FFFFFF
Border
1px solid #0A0A0A
Radius
2px
Padding
14px 22px
Min height
48px
Buttons secondary
Base Attributes
Background
#FFFFFF
Text
#0A0A0A
Border
1px solid #0A0A0A
Radius
2px
Padding
12px 20px
Min height
40px
Navigation mono
OverviewFeaturesDocs
Base Attributes
Background
transparent
Text
#0A0A0A
Border
0px none transparent
Radius
0px
Item padding
8px 10px
Badges schedule
Base Attributes
Background
#262626
Text
#F2F2F2
Border
1px solid #262626
Radius
1px
Padding
10px 14px
Panels media
Base Attributes
Background
#0A0A0A
Text
#FFFFFF
Border
0px none transparent
Radius
0px
Padding
0px
Image direction
Schema-agnostic optional blocks from the design YAML. New option keys render here automatically.
Role
supportive
Media types
- -hard-cropped venue photo
- -embedded talk video
- -large typographic field
Subject patterns
- -poster-scale type
- -black rectangular media block
- -small vermilion details
Composition logic
- -Let typography do most of the visual heavy lifting.
- -Keep media blocks sparse and rectangular.
Treatment rules
- -Use strong black rectangles instead of ornamental frames.
- -Prefer raw scale over texture.
Generation cues
- -developer conference poster landing page
- -giant black mono typography on white
Avoid
- -No glossy 3D conference shapes.
- -No rounded colorful schedule cards.
Anti Patterns
Compact list of patterns the design system explicitly avoids.
- -Do not soften the system into rounded pastel conference UI.
- -Do not add gradient spectacle or celebratory confetti.
- -Do not bury the giant type under a dense card layout.