Watch the complete system assemble.
The Quill Assembly
One business, six layers. Each layer is added to the one before it, and nothing is added that the work does not need.
Play assembly: Not yet available. This is a motion affordance rather than a destination, and the artwork already shows the finished state.
Choose a layer to jump to it.
The Quill Assembly
Watch the complete system assemble.
One business, six layers. Each layer is added to the one before it, and nothing is added that the work does not need.
The painted rail reads "01 OF 06" against Raw Process. That is progress state, so the live tab strip carries it instead and nothing is selected until you select it.
- Start the assembly
- Request a complete system
- Not yet available. This is a motion affordance rather than a destination, and the artwork already shows the finished state.
Start with what happens today.
01 Raw Process
Before anything is designed, the work is recorded as it actually runs, including the parts nobody wrote down.
- What goes in
- People
- Information
- Requests
- Approvals
- Tools
- Diagnostic checkpoints
- Where work waits
- Where it doubles back
- Where ownership is unclear
- Read the map three ways Before, friction and opportunity are three views of the same diagram.
01 Raw Process
Start with what happens today.
Before anything is designed, the work is recorded as it actually runs, including the parts nobody wrote down.
- What goes in
- People
- Information
- Requests
- Approvals
- Tools
- Diagnostic checkpoints
- Where work waits
- Where it doubles back
- Where ownership is unclear
- Read the map three ways Before, friction and opportunity are three views of the same diagram.
Turn the work into a clear route.
02 Mapped Workflow
The same work, drawn as a route: one entry, named owners, and an output you can point at.
- Inputs What starts the work and who brings it.
- Route The order the work moves in, with the waits removed.
- Outputs What leaves the process, and who receives it.
02 Mapped Workflow
Turn the work into a clear route.
The same work, drawn as a route: one entry, named owners, and an output you can point at.
- Inputs What starts the work and who brings it.
- Route The order the work moves in, with the waits removed.
- Outputs What leaves the process, and who receives it.
The plate paints a "Choose a route" group of four options. The four route names are not recorded in the asset map, so they are not modelled as live controls here and none is invented; the group is on the verification list.
Add only the software the work requires.
03 Software Layer
Software follows the map. Where the mapped route needs a screen, a record or a rule, it gets one, and nowhere else.
- Capabilities
- Client portals
- Dashboards
- Automation
- Integrations
- Architecture One data model behind every screen, so a change lands in one place.
Plan custom software: Not yet available. This control points at a service page that is not part of this delivery and has no route in the site.
03 Software Layer
Add only the software the work requires.
Software follows the map. Where the mapped route needs a screen, a record or a rule, it gets one, and nowhere else.
- Capabilities
- Client portals
- Dashboards
- Automation
- Integrations
- Architecture One data model behind every screen, so a change lands in one place.
- Not yet available. This control points at a service page that is not part of this delivery and has no route in the site.
- View software work
Give the system a front door.
04 Web Experience
The customer-facing layer is built on the same map as everything behind it, so what a visitor sees and what your team runs are one system.
- Responsive layout Desktop, tablet and phone from one build.
- Deliverables
- Design
- Build
- Content structure
- Performance
Plan custom website: Not yet available. This control points at a service page that is not part of this delivery and has no route in the site.
Choose a device preview.
04 Web Experience
Give the system a front door.
The customer-facing layer is built on the same map as everything behind it, so what a visitor sees and what your team runs are one system.
- Responsive layout Desktop, tablet and phone from one build.
- Deliverables
- Design
- Build
- Content structure
- Performance
- Not yet available. This control points at a service page that is not part of this delivery and has no route in the site.
- View web projects
Give the system one look.
05 Visual System
Type, colour, mark and layout are set once and then applied everywhere the system appears.
- Visual system outputs
- Identity
- Typography
- Colour
- Layout
- Screen and print assets
- Applied across the work The lower grid shows the visual system applied to real project work rather than to swatches.
05 Visual System
Give the system one look.
Type, colour, mark and layout are set once and then applied everywhere the system appears.
- Visual system outputs
- Identity
- Typography
- Colour
- Layout
- Screen and print assets
- Applied across the work The lower grid shows the visual system applied to real project work rather than to swatches.
The six tiles in the lower grid are supplied artwork. They carry no live names and no links, and nothing on this page presents the work shown in them as an approved reference.
- View graphic design — Creative Studio, not yet published
- Open the visual system — Creative Studio, not yet published
Set the system in motion.
06 Motion Layer
The same visual system, timed. Motion is used where it explains something, from storyboard through to the finished cut.
- Motion outputs
- Explainer
- Product motion
- Title and lower-third systems
- Interface motion
- Storyboard to final The same sequence, shown as boards and then as the finished frame.
Watch the reel: Not yet available. The file this control would open has not been supplied.
Choose storyboard or final.
06 Motion Layer
Set the system in motion.
The same visual system, timed. Motion is used where it explains something, from storyboard through to the finished cut.
- Motion outputs
- Explainer
- Product motion
- Title and lower-third systems
- Interface motion
- Storyboard to final The same sequence, shown as boards and then as the finished frame.
The painted player shows a transport bar and a runtime. No video file was supplied with this package, so there is no player here and no runtime is stated.
- View animation — Creative Studio, not yet published
- Not yet available. The file this control would open has not been supplied.
The complete Quill system.
With every layer added, the system runs as one piece: the work, the software, the front door, the look and the motion.
- 01 Raw process What happens today.
- 02 Mapped workflow The work as a clear route.
- 03 Software layer Only what the route requires.
- 04 Web experience The customer-facing layer.
- 05 Visual system One look, applied everywhere.
- 06 Motion layer The system, timed.
Download the system overview: Not yet available. The file this control would open has not been supplied.
The complete Quill system.
With every layer added, the system runs as one piece: the work, the software, the front door, the look and the motion.
- 01 Raw process What happens today.
- 02 Mapped workflow The work as a clear route.
- 03 Software layer Only what the route requires.
- 04 Web experience The customer-facing layer.
- 05 Visual system One look, applied everywhere.
- 06 Motion layer The system, timed.
- Build my Quill system
- Not yet available. The file this control would open has not been supplied.
Choose your build.
Pick a starting path, see how the project moves, and send the details Quill needs to plan it.
- Operations First Custom Workflows and Custom Software.
- Customer Experience First Custom Web Design and Graphic Design.
- Complete Quill System All five capabilities.
The plate also paints a five-step "How the project moves" band and four FAQ rows. The steps are shown as supplied artwork and the FAQ answers are not published, because no approved answer text came with this package.
Choose your build.
Pick a starting path, see how the project moves, and send the details Quill needs to plan it.
- Operations First Custom Workflows and Custom Software.
- Customer Experience First Custom Web Design and Graphic Design.
- Complete Quill System All five capabilities.
The plate also paints a five-step "How the project moves" band and four FAQ rows. The steps are shown as supplied artwork and the FAQ answers are not published, because no approved answer text came with this package.
The painted contact values and the painted video runtime are placeholders from the render. They are not published as Quill contact details.
To verify before this page claims it
The supplied artwork paints figures, dates, names and statements that this build has not been able to confirm. Nothing on this list is published as fact until Quill confirms it.
- Section 09 paints a video runtime of "1:15 / 3:45" and contact values of "(555) 123-4567" and "you@company.com". All three are render placeholders and none of them ships. Quill's real contact details and any real runtime are still needed.
- Section 06 paints a six-tile wall of named third-party brands. Publishing a client logo requires that client's written permission, and no clearance is on file for this delivery. Until each tile is cleared, no company name appears in the live text and no tile is a link. Which of the six, if any, may be named and shown?
- The painted kicker on section 07 reads "04" where the manifest, the hero rail and section 08 all read "06 MOTION LAYER". The live kicker reads 06. Confirm the numbering before the artwork is re-rendered.
- This page names six layers where the rest of the site names five capabilities. The six-layer vocabulary stays inside this page and drives no navigation; the canonical taxonomy is still needed.
- The four route options painted in section 03 are not named in the asset map, so they are not modelled as live controls. Their labels are needed before the group ships.
- The button map records "Request this plan" on this section as a route to the selected plan page, while the section itself paints a full request form around it. This build treats it as the form submit and sends nothing. Confirm which behaviour is intended.
- The painted "Desired launch window" control is a select with no painted options. It ships as a free-text field so that no timeline is invented for you.
Corrected in the live text
The artwork is published exactly as supplied. Where it paints a misspelling or a wrong number, the live text beside it reads correctly.
- Section 07 paints its kicker as "04". The live kicker reads "06 Motion Layer", which is what the manifest, the hero rail and section 08 all say.
- Section 07 paints "WOTION LAYER" and "DEVRYBOARR TO FINAL". The live text reads "Motion Layer" and "Storyboard to final".
- Section 05 paints a garbled primary call to action. By symmetry with section 04's "Plan custom software" the live control reads "Plan custom website". It has no destination in this delivery, so it ships disabled rather than pointed at a guess.
- The section 09 contact panel paints the label "Phone" twice. The live form has one phone field, and the fourth row is Website.
Start a project with Quill
Tell us what should work better and we will map the work before anyone builds anything.