layout
How things sit
Layout is the arrangement of elements in a space—text and images on a page, furniture in a room, components on a circuit board.
The term emphasizes deliberate positioning: The layout of the magazine was clean and modern, We changed the kitchen layout.
In journalism and design, layout often refers specifically to the visual arrangement before final production.
Putting somewhere specific
- spacingInterval arrangement between objects
- alignmentCorrect relative positioning
- compositionArranged elements forming whole
- configurationArrangement of parts
flow · balance · proportion · symmetry · asymmetry · orientation · positioning · distribution
Arranging letters for display
- columnsUpright structural shafts
- marginsEdges of a page
- gutterEdge channel for runoff
- spreadTo distribute widely
bleed · trim · folio · masthead · headline · sidebar · caption · pull quote
Edge-only geometric model
- mockupPreliminary design representation
- prototypeFirst functional specimen
- grid systemIntersecting line network
- templatePreset pattern for reproduction
composition · visual hierarchy · responsive · breakpoints · viewport · artboard · canvas · storyboard
Top line of document
- footerBottom-of-page information
- marginEdge of a page
- borderOuter edge or limit
- sidebarAncillary text box
banner · navigation bar · above the fold · whitespace · thumbnail · gallery · carousel · card
Overhead architectural diagram
- schematicSimplified technical diagram
- elevationsHeights above reference point
- sectionsDivided portions of something
- dimensionsMeasurable spatial extents
specifications · drafting · CAD · AutoCAD · architectural · structural · mechanical · electrical
Regular sequence of actions
- apparatusEquipment for a task
- floor exerciseApparatus-free gymnastics event
- tumblingAcrobatic rolling and flipping
- dismountGet off something ridden
choreography · sequence · mount · pass · combination · acrobatic · artistic · compulsory
placement
Putting somewhere specific
- spacingInterval arrangement between objects
- alignmentCorrect relative positioning
- compositionArranged elements forming whole
configuration · flow · balance · proportion · symmetry · asymmetry · orientation · positioning · distribution · grouping
typography
Arranging letters for display
spread · bleed · trim · folio · masthead · headline · sidebar · caption · pull quote · body text
wireframe
Edge-only geometric model
- mockupPreliminary design representation
- prototypeFirst functional specimen
- grid systemIntersecting line network
template · composition · visual hierarchy · responsive · breakpoints · viewport · artboard · canvas · storyboard · sketch
header
Top line of document
sidebar · banner · navigation bar · above the fold · whitespace · thumbnail · gallery · carousel · card · tile
floorplan
Overhead architectural diagram
- schematicSimplified technical diagram
- elevationsHeights above reference point
- sectionsDivided portions of something
dimensions · specifications · drafting · CAD · AutoCAD · architectural · structural · mechanical · electrical · plumbing
routine
Regular sequence of actions
- apparatusEquipment for a task
- floor exerciseApparatus-free gymnastics event
- tumblingAcrobatic rolling and flipping
dismount · choreography · sequence · mount · pass · combination · acrobatic · artistic · compulsory · optional
- graphic designlogo, font, typography, color, icon
- graphicsvector, shapes, 3D graphics, raster, symbols
- packaging designbottle design, logo, typography, color palette, font
- print mediaheadline, magazine, articles, news, byline
- publishingpublishers, editors, editor, publishing house, books
- compositionbalance, symmetry, asymmetry, proportion, arrangement
layoutfinished product
Completed manufactured good
final version · implementation · execution · content · substance