Skip to content

Introducing Werklist brand guidelines

Version 2.1.2. See what is new

Werklist brand guidelines

Read /llms.txt first: it lists every page, the text version of each page and the token files. Each page answers as Markdown at /agent followed by its path, and /agent/index.json holds every page as one JSON object.

{
  "system": "Werklist brand guidelines",
  "version": "2.1.2",
  "start": "/llms.txt",
  "objects": "/agent/index.json",
  "tokens": [
    "/tokens/werklist-tokens.json",
    "/tokens/werklist-tokens.css",
    "/tokens/werklist-tokens.print.css"
  ],
  "sections": [
    {
      "title": "About",
      "path": "/about",
      "line": "Who Werklist is: its purpose, its values and the people it serves.",
      "pages": [
        {
          "title": "Purpose",
          "path": "/about/purpose",
          "text": "/agent/about/purpose"
        },
        {
          "title": "Values and culture",
          "path": "/about/values",
          "text": "/agent/about/values"
        },
        {
          "title": "Positioning",
          "path": "/about/positioning",
          "text": "/agent/about/positioning"
        }
      ]
    },
    {
      "title": "Brand",
      "path": "/brand",
      "line": "The logo, photography, and the brand in print, social media and presentations.",
      "pages": [
        {
          "title": "Logo",
          "path": "/brand/logo",
          "text": "/agent/brand/logo"
        },
        {
          "title": "Imagery",
          "path": "/brand/imagery",
          "text": "/agent/brand/imagery"
        },
        {
          "title": "Applications",
          "path": "/brand/applications",
          "text": "/agent/brand/applications"
        }
      ]
    },
    {
      "title": "Foundations",
      "path": "/foundations",
      "line": "The principles, color, type, layout, shape and motion everything else is built from.",
      "pages": [
        {
          "title": "Design principles",
          "path": "/foundations/principles",
          "text": "/agent/foundations/principles"
        },
        {
          "title": "Color",
          "path": "/foundations/color",
          "text": "/agent/foundations/color"
        },
        {
          "title": "Typography",
          "path": "/foundations/typography",
          "text": "/agent/foundations/typography"
        },
        {
          "title": "Layout",
          "path": "/foundations/layout",
          "text": "/agent/foundations/layout"
        },
        {
          "title": "Shape",
          "path": "/foundations/shape",
          "text": "/agent/foundations/shape"
        },
        {
          "title": "Elevation and materials",
          "path": "/foundations/elevation",
          "text": "/agent/foundations/elevation"
        },
        {
          "title": "Iconography",
          "path": "/foundations/iconography",
          "text": "/agent/foundations/iconography"
        },
        {
          "title": "Motion",
          "path": "/foundations/motion",
          "text": "/agent/foundations/motion"
        },
        {
          "title": "Accessibility",
          "path": "/foundations/accessibility",
          "text": "/agent/foundations/accessibility"
        },
        {
          "title": "Writing",
          "path": "/foundations/writing",
          "text": "/agent/foundations/writing"
        },
        {
          "title": "Design tokens",
          "path": "/foundations/tokens",
          "text": "/agent/foundations/tokens"
        }
      ]
    },
    {
      "title": "Components",
      "path": "/components",
      "line": "Each control and surface, with its measures, states and rules.",
      "pages": [
        {
          "title": "Button",
          "path": "/components/button",
          "text": "/agent/components/button"
        },
        {
          "title": "Icon button",
          "path": "/components/icon-button",
          "text": "/agent/components/icon-button"
        },
        {
          "title": "Link",
          "path": "/components/link",
          "text": "/agent/components/link"
        },
        {
          "title": "Toolbar",
          "path": "/components/toolbar",
          "text": "/agent/components/toolbar"
        },
        {
          "title": "Field",
          "path": "/components/field",
          "text": "/agent/components/field"
        },
        {
          "title": "Text field",
          "path": "/components/text-field",
          "text": "/agent/components/text-field"
        },
        {
          "title": "Text area",
          "path": "/components/text-area",
          "text": "/agent/components/text-area"
        },
        {
          "title": "Search field",
          "path": "/components/search-field",
          "text": "/agent/components/search-field"
        },
        {
          "title": "Select",
          "path": "/components/select",
          "text": "/agent/components/select"
        },
        {
          "title": "Combobox",
          "path": "/components/combobox",
          "text": "/agent/components/combobox"
        },
        {
          "title": "Date and time picker",
          "path": "/components/date-picker",
          "text": "/agent/components/date-picker"
        },
        {
          "title": "Checkbox",
          "path": "/components/checkbox",
          "text": "/agent/components/checkbox"
        },
        {
          "title": "Radio",
          "path": "/components/radio",
          "text": "/agent/components/radio"
        },
        {
          "title": "Switch",
          "path": "/components/switch",
          "text": "/agent/components/switch"
        },
        {
          "title": "Segmented control",
          "path": "/components/segmented-control",
          "text": "/agent/components/segmented-control"
        },
        {
          "title": "Header",
          "path": "/components/header",
          "text": "/agent/components/header"
        },
        {
          "title": "Side navigation",
          "path": "/components/side-navigation",
          "text": "/agent/components/side-navigation"
        },
        {
          "title": "Tabs",
          "path": "/components/tabs",
          "text": "/agent/components/tabs"
        },
        {
          "title": "Mobile navigation",
          "path": "/components/mobile-navigation",
          "text": "/agent/components/mobile-navigation"
        },
        {
          "title": "Command palette",
          "path": "/components/command-palette",
          "text": "/agent/components/command-palette"
        },
        {
          "title": "Dialog",
          "path": "/components/dialog",
          "text": "/agent/components/dialog"
        },
        {
          "title": "Sheet",
          "path": "/components/sheet",
          "text": "/agent/components/sheet"
        },
        {
          "title": "Popover",
          "path": "/components/popover",
          "text": "/agent/components/popover"
        },
        {
          "title": "Menu",
          "path": "/components/menu",
          "text": "/agent/components/menu"
        },
        {
          "title": "Tooltip",
          "path": "/components/tooltip",
          "text": "/agent/components/tooltip"
        },
        {
          "title": "Toast",
          "path": "/components/toast",
          "text": "/agent/components/toast"
        },
        {
          "title": "Inline message",
          "path": "/components/inline-message",
          "text": "/agent/components/inline-message"
        },
        {
          "title": "Notifications",
          "path": "/components/notifications",
          "text": "/agent/components/notifications"
        },
        {
          "title": "Progress",
          "path": "/components/progress",
          "text": "/agent/components/progress"
        },
        {
          "title": "Skeleton",
          "path": "/components/skeleton",
          "text": "/agent/components/skeleton"
        },
        {
          "title": "Counter",
          "path": "/components/counter",
          "text": "/agent/components/counter"
        },
        {
          "title": "Status",
          "path": "/components/status",
          "text": "/agent/components/status"
        },
        {
          "title": "Card",
          "path": "/components/card",
          "text": "/agent/components/card"
        },
        {
          "title": "List",
          "path": "/components/list",
          "text": "/agent/components/list"
        },
        {
          "title": "Disclosure",
          "path": "/components/disclosure",
          "text": "/agent/components/disclosure"
        },
        {
          "title": "Avatar",
          "path": "/components/avatar",
          "text": "/agent/components/avatar"
        },
        {
          "title": "Permitted and not permitted",
          "path": "/components/permitted",
          "text": "/agent/components/permitted"
        },
        {
          "title": "Job card",
          "path": "/components/job-card",
          "text": "/agent/components/job-card"
        },
        {
          "title": "WerkAI",
          "path": "/components/werkai",
          "text": "/agent/components/werkai"
        },
        {
          "title": "Country mark",
          "path": "/components/country-mark",
          "text": "/agent/components/country-mark"
        },
        {
          "title": "Stat tile",
          "path": "/components/stat-tile",
          "text": "/agent/components/stat-tile"
        },
        {
          "title": "Human and agent selector",
          "path": "/components/view-selector",
          "text": "/agent/components/view-selector"
        }
      ]
    },
    {
      "title": "Patterns",
      "path": "/patterns",
      "line": "How components work together on a task.",
      "pages": [
        {
          "title": "Empty states",
          "path": "/patterns/empty-states",
          "text": "/agent/patterns/empty-states"
        },
        {
          "title": "Loading",
          "path": "/patterns/loading",
          "text": "/agent/patterns/loading"
        },
        {
          "title": "Errors",
          "path": "/patterns/errors",
          "text": "/agent/patterns/errors"
        },
        {
          "title": "Forms",
          "path": "/patterns/forms",
          "text": "/agent/patterns/forms"
        },
        {
          "title": "Search and filtering",
          "path": "/patterns/search",
          "text": "/agent/patterns/search"
        },
        {
          "title": "Navigation",
          "path": "/patterns/navigation",
          "text": "/agent/patterns/navigation"
        },
        {
          "title": "Feedback",
          "path": "/patterns/feedback",
          "text": "/agent/patterns/feedback"
        },
        {
          "title": "Modality",
          "path": "/patterns/modality",
          "text": "/agent/patterns/modality"
        },
        {
          "title": "Undo and destructive actions",
          "path": "/patterns/undo",
          "text": "/agent/patterns/undo"
        },
        {
          "title": "Files and uploads",
          "path": "/patterns/files",
          "text": "/agent/patterns/files"
        },
        {
          "title": "Printing and export",
          "path": "/patterns/printing",
          "text": "/agent/patterns/printing"
        },
        {
          "title": "Generated content",
          "path": "/patterns/generated-content",
          "text": "/agent/patterns/generated-content"
        },
        {
          "title": "Marketing pages",
          "path": "/patterns/marketing-pages",
          "text": "/agent/patterns/marketing-pages"
        }
      ]
    },
    {
      "title": "Data",
      "path": "/data",
      "line": "Tables, numbers, charts, maps and reports.",
      "pages": [
        {
          "title": "Board grid",
          "path": "/data/board-grid",
          "text": "/agent/data/board-grid"
        },
        {
          "title": "Report table",
          "path": "/data/tables",
          "text": "/agent/data/tables"
        },
        {
          "title": "Numbers",
          "path": "/data/numbers",
          "text": "/agent/data/numbers"
        },
        {
          "title": "Charts",
          "path": "/data/charts",
          "text": "/agent/data/charts"
        },
        {
          "title": "Chart catalogue",
          "path": "/data/chart-catalogue",
          "text": "/agent/data/chart-catalogue"
        },
        {
          "title": "Maps and flags",
          "path": "/data/maps",
          "text": "/agent/data/maps"
        },
        {
          "title": "Reports",
          "path": "/data/reports",
          "text": "/agent/data/reports"
        }
      ]
    },
    {
      "title": "Resources",
      "path": "/resources",
      "line": "How to use the guidelines, files to download, the deck and the files for agents.",
      "pages": [
        {
          "title": "Using this system",
          "path": "/resources/using-this-system",
          "text": "/agent/resources/using-this-system"
        },
        {
          "title": "Downloads",
          "path": "/resources/downloads",
          "text": "/agent/resources/downloads"
        },
        {
          "title": "Deck",
          "path": "/resources/deck",
          "text": "/agent/resources/deck"
        },
        {
          "title": "For agents",
          "path": "/resources/agents",
          "text": "/agent/resources/agents"
        },
        {
          "title": "What is new",
          "path": "/resources/what-is-new",
          "text": "/agent/resources/what-is-new"
        },
        {
          "title": "Usage terms",
          "path": "/resources/usage-terms",
          "text": "/agent/resources/usage-terms"
        }
      ]
    }
  ]
}