Visual language
Storybook
Painted illustration, decorative initials, scroll as page turn, warm soft palette.
“Narrative unfolds through sequence; illustration-led.”
The pacing pair
The same three beats twice: once paced, once all at once.
Documented. The unit of viewing is the opening, two facing pages, and page turns are planned narrative devices, not arbitrary breaks.
a seed
a sapling
a tree, and a bird in it
a seed
a sapling
a tree, and a bird in it
How the colour was printed
- Dark-brown key
- Flesh tint
- Red
- Blue
- Yellow
- Grey
Build with it
A starting grammar for a website in Storybook: the opening as the unit, one picture and one passage to each, the picture leading, the turn planned, a warm soft palette and a decorative initial opening each passage.
Web translation marks our choices for the screen. Not specified by the source marks what the sources leave open. Everything else is a rule from the record below.
The same system is in the brief (Build → Brief) and in the structured data.
Colour
- leaf
#F6ECDC - ink
#443228 - ink-2
#6B5138 - sienna
#8C4A26 - wash
#EDD6A8 - dusk
#5C4434
Yellow paper, Caldecott's picture books: it warmed the printed colours.
The rules behind it
- From our catalogue entryKeep the palette warm and soft. From our catalogue entry (colour)
- Web translationUse these six values: the room's own leaf, inks, sienna, wash and dusk. The record names the palette's character, not its values; these are the room's. From our catalogue entry (colour)
- Not specified by the sourceThe sources do not set a period palette as a norm. Evans printed Caldecott's toy books from a dark-brown key, a flesh tint, red, blue, yellow and grey, as few as necessary, on yellow paper. That is one printer's set; do not present it as the palette of the language. From a documented finding (surface)
Type
Once the picture has been seen, the words follow it: one short passage, set in a book serif, opened by its initial.
A part heading, in italic
The rules behind it
- From our catalogue entryOpen each passage with a decorative initial. From our catalogue entry (typography)
- Web translationSet passages in a book serif at a short measure, about 38 characters. Text is subordinate to the picture and there is one passage to an opening; a short column keeps it beside the image. From our catalogue entry (hierarchy), our reading (density)
- Web translationDraw the initial as type in a framed wash, never as an image of a letter. The initial is the record's selection; as live text it reads with its word. From our catalogue entry (typography)
- Not specified by the sourceThe sources do not specify a period typeface. Choose a readable book serif; do not claim a Caldecott or Crane face.
Layout
One opening: the picture on the wider page, one passage beside it, nothing in the gutter.
The rules behind it
- From our catalogue entryCompose in sequence, illustration-led. From our catalogue entry (layout)
- DocumentedTreat the opening, two facing pages, as the unit of viewing. From a documented finding (form)
- Our readingKeep each opening sparse: one image, one passage. From our reading (density)
- Web translationSplit each opening 1.15 to 1, picture to passage. The picture always outranks the text, so it takes the wider page. From our catalogue entry (hierarchy)
- Web translationKeep essential content out of the gutter. Binding decides whether a picture across the spread survives the gutter; on screen, the split between the two columns is that gutter. From a documented finding (form)
Shape
Bound at the spine, rounder at the fore-edge; the initial's frame is the only ornament.
The rules behind it
- Web translationRound the leaf a little more at the fore-edge than at the spine. The unit is two facing pages bound at one edge; the corners say which edge is bound. From a documented finding (form)
- Web translationFrame the initial with a hairline and four corner dots; nothing else is ornamented. The initial is the one ornament the record selects. From our catalogue entry (typography)
Imagery
Colour wood engraving from separate blocks, or three-colour printing of watercolour: the drawing comes first.
The rules behind it
- From our catalogue entryLet illustration outrank text, always. From our catalogue entry (hierarchy)
- DocumentedUse illustration: drawn artwork reproduced in colour, whether by colour wood engraving or three-colour printing of watercolour. From a documented finding
- Our readingDo not use photographs. From our reading
- Not specified by the sourceNo one medium or finish is required. The category admits a range of media; do not fake a watercolour wash or a painted texture to look period. From a documented finding
Pacing
- a seed
- a sapling
- a tree
One beat to an opening; the turn holds the next one back.
The rules behind it
- Our readingRefuse simultaneous presentation: never let the reader take the whole narrative in at once. From our reading
- Our readingReveal the structure one opening at a time as the reader advances. From our reading
Components
The sources do not specify interface conventions for Storybook. These four are contemporary translations of its visual rules.
The rules behind it
- Web translationMake the main action the page turn, not a filled box. The turn is a planned narrative device and the design's job is to control what comes next; the action is the turn. From a documented finding (form), what it argues
- Web translationSet the label as text in the passage's face, subordinate to the picture. Illustration always outranks text; a heavy filled button would outrank it. From our catalogue entry (hierarchy)
- Web translationTreat two facing pages as the unit of viewing. The cited rule belongs to the Aesthetic's own medium; applying it to a screen component or motion is our translation. From a documented finding (form)
- Web translationLet the picture lead and the text follow, one image and one passage per opening. The cited rule belongs to the Aesthetic's own medium; applying it to a screen component or motion is our translation. From our reading (density)
- Web translationGive the picture the wider page. Illustration always outranks text; width is how a screen ranks. From our catalogue entry (hierarchy)
- Web translationRule the field as a single line on the page, not a box. The page is the ground of a printed book; a line to write on keeps it a page. From our catalogue entry (colour), a documented finding (form)
- Not specified by the sourceForms are not part of the picture book. Keep the field plain; do not dress it as a period bookplate or label.
- Web translationNavigate in sequence: previous, the current opening, next. The book is one sequence from cover through endpapers to pictures, and the design refuses showing the whole at once. From a documented finding (form), our reading
Motion
Each opening arrives as a page: it covers the last as the reader scrolls on. Under reduced motion, a plain sequence.
The rules behind it
- Web translationLet scroll drive the narrative. The cited rule belongs to the Aesthetic's own medium; applying it to a screen component or motion is our translation. From our catalogue entry (motion)
- Web translationPlan each turn as a narrative device, never an arbitrary break. The cited rule belongs to the Aesthetic's own medium; applying it to a screen component or motion is our translation. From a documented finding (form)
- Web translationMake the scroll a page turn: the next opening covers the last. Scroll-driven narrative, with the turn as the planned device; covering is what a turned page does. From our catalogue entry (motion), a documented finding (form)
The record · 01
The record
- Research
- Partly sourced
- Build guidance
- Recorded in 8 of 8 research dimensions
- Origin
- From a technique
- Also called
- fairytale, picture book, children's illustration
- Feel
- romantic, playful
- No source attached
- Argument, Recognition test
- Not researched yet
- Summary, Typeface guidance, Overall positions by area, Ornament and contrast scales, Moving it to screen, Source notes. Unresearched is not permission.
- Scope
- The visual register of the illustrated children's picture book, drawn chiefly from Golden Age illustration (1875 to 1914): picture-led, paced opening by opening. Painted image, warm palette and initials are Aesthetary's selection.
The record · 02
What it argues
A story is told by revealing it one opening at a time. The picture leads and the words follow, and the pace is set by the turn — so the design's job is to control what the reader can see before they are allowed to see the next thing.
- Posture
- Devotional, sincere
The record · 03
What it refuses, and what that costs
Refuses simultaneous presentation, and refuses layouts that let a reader take the whole narrative in at once.
- Costs it accepts
- Information density. Scanning. Adult register.
- Who it assumes
- A reader who will proceed in order and accept being paced.
The record · 04
How you recognise it
Drawn illustration printed in colour carrying the narrative with text subordinate to it, decorative initial letters opening each passage, a warm soft palette, and a structure that reveals itself one opening at a time as the reader advances.
The diagnostic condition is paced sequence: the register controls what is visible when, and a version showing everything at once is illustration rather than storytelling.
Hand-Drawn, a Module, is a mark-making treatment without the sequence. Surrealism, an Influence, shares dreamlike imagery but has no narrative pacing.
The record · 05
What carries the look
0 Elements linked. No Element is linked to this Aesthetic yet. Each row opens its gallery.
Typographycarries the look
This page is set in Brygada.
- #443228
- #F6ECDC
- #FBF4E7
- #6B5138
- #8C4A26
- #EDD6A8
- #5C4434
- #F0DFC6
As built on this page.
Nothing linked yet.
Imagerycarries the look
Nothing linked yet.
Nothing linked yet.
The page moves.
Nothing linked yet.
Nothing linked yet.
The record · 06
Rules 17
By area, each tagged with what kind of claim it is.
Layout
- From our catalogue entryComposition: sequence; illustration-led.
Typography
- From our catalogue entryTypography: decorative initials.
Color
- From our catalogue entryColour: warm soft palette.
Imagery
- From our catalogue entryImagery: painted illustration.
Surface
- Documented · Source attachedEvans's toy books for Caldecott were colour wood-engraved from separate blocks: a dark-brown key, a flesh tint, and red, blue, yellow and grey, with as few colours as necessary.
- Documented · Source attachedCaldecott's picture books were printed on yellow paper, which warmed and brightened the colours, and issued in limp covers as disposable ephemera.
- Documented · Source attachedRackham's colour work used watercolour reproduced by the three-colour process through letterpress; limited editions were often vellum-bound.
- Documented · Source attachedPaper finish is treated in picturebook criticism as a meaning-bearing choice: glossy stock distances, matte stock invites touch.
Motion
- From our catalogue entryMotion: scroll-driven narrative.
Form
- Documented · Source attachedThe toy book format put one story in one book, with colour illustrations printed on pages left blank on the back.
- Documented · Source attachedThe unit of viewing is the opening, two facing pages, and the book is conceived as one sequence running from cover through endpapers to pictures.
- Documented · Source attachedPage turns are planned narrative devices, not arbitrary breaks.
- Documented · Source attachedBinding determines whether a picture spanning the double-page spread survives the gutter.
- Documented · Source attachedToy books, introduced in the later nineteenth century, were small paper-bound books with art dominating the text.
Hierarchy
- From our catalogue entryIllustration always outranks text. No negotiation, and unusual for a page.
Density
- Our readingSparse per opening — one image, one passage. Density would defeat pacing.
Context
- Graded by our research brief · No source attached · disputedThe reference period is the Golden Age of Illustration, roughly the 1880s to the 1920s — Rackham, Crane, Caldecott, Greenaway — whose names now sit on the field's major awards.
The record · 07
Ruled out, or left open by the sources
- Interface
- Not specified by the source. The sources do not specify this area; a translation may follow.
The record · 08
What stands behind it
7 sources attached. 1 claim graded by our research brief, no source attached.
Build guidance: recorded in 8 of 8 research dimensions. It says what usable material is recorded, never how well it is evidenced.
| Research dimension | Evidence | Carries guidance |
|---|---|---|
| Composition | Specified · From our catalogue entry | yes |
| Typography | Specified · From our catalogue entry | yes |
| Hierarchy | Specified · From our catalogue entry | yes |
| Colour | Specified · From our catalogue entry | yes |
| Density | Specified · Our reading | yes |
| Imagery | Specified · From our catalogue entry | yes |
| Form/ | Specified: form, motif, technique · Left open: surface | yes |
| Motion | Specified · From our catalogue entry | yes |
Neither is a free hand: an area research has not reached is not permission to decide on the language’s behalf.
The record · 09
Often confused with
- SurrealismInfluenceDream imagery without pacing.
- Hand-DrawnElementTreatment versus sequenced narrative.
- Mascot-LedElementThe character takes over layout, empty states, errors and motion
The record · 10
Use it
Contribute
Contributing and commenting need JavaScript. Nothing else on this page does.
Work made in this style: a poster, a page, a type setting. Every submission is reviewed before it appears.
Nothing here yet.
Comments
No comments yet.