Design System
Sketch
Github
Menu
System Modal
Design
Development
Search:
Design
Core
[ "system", "design", "core" ]
Core branding preferences for colour, type, photography and more.
Branding
[ "system", "design", "core" ]
Colour
[ "system", "design", "core" ]
Icons
[ "system", "design", "core" ]
Content
Writing
[ "system", "design", "content" ]
Tone of voice, writing style and designing words.
Content Writing
[ "system", "design", "content" ]
Micro Copy
[ "system", "design", "content" ]
Tips
[ "system", "design", "content" ]
UX Writing
[ "system", "design", "content" ]
CTA Examples
[ "system", "design", "content" ]
Playbooks
Page Creation
[ "system", "design" ]
Good practise, tips and advice.
Page Setup
[ "system", "design" ]
Page Setup
[ "system", "design" ]
Page Structure
[ "system", "design" ]
Page Hero
[ "system", "design" ]
Creating a Hero
[ "system", "design" ]
Adding Video
[ "system", "design" ]
Page Promotion
[ "system", "design" ]
Elements
Assets
assets,
Brand assets, download icons, logos, illustrations and more.
Brands
assets,
Icons
assets,
Logos
assets,
Components
Buttons, inputs and indicators, navigation and more.
Elements
elements,
Images
elements, images, picture, srcset, lazyload,
Headings
elements,
Links
elements, link,
Type
elements, type, quote, quotes,
Objects
objects,
Accordion
objects,
Collapse
objects,
Focus
objects,
Grid
objects,
Lists
objects, inline list, stacked list, list spacing, ordered list, definition list,
Marginalia
objects,
Masonry
objects,
Navigation
objects,
Navbar
objects,
Adaptive
objects, Adaptive Navigation,
Or
objects,
Section
objects,
Split
objects,
Tables
objects,
Tabs
objects,
Text Columns
objects,
Wrapper
objects,
Components
components,
Avatars
components,
Badges
components,
Buttons
components,
Button
components, buttons,
Button Group
components, buttons, btns, group,
Cards
components,
Character Limit
components,
Charts
components,
Counter
components,
Dropdown
components,
Editor
components,
Effects
components,
Forms
components,
Fields
components, forms, inputs,
Password Submit
components, forms, passwords, password strength,
Icons
components,
Images
components,
Info
components,
Inputs
components,
Text
components, inputs, forms, text inputs,
Select
components, inputs, forms, select input, multi select, search select,
Checkbox
components, inputs, forms,
Radio
components, inputs, forms,
Segmented
components, inputs, forms,
Textarea
components, inputs, forms,
Switch
components, inputs, forms,
Search
components, inputs, forms,
Number
components, inputs, forms,
Password
components, inputs, forms,
Labels
components, labels, input label, input notes, notes, feedback,
Links
components,
Lists
components, bullet list, tick list,
Loading
components,
Messages
components, feedback,
Modals (JS)
components,
Box
components, js, modals, box,
Sidebar
components, js, modals, sidebar,
Drawer
components, js, modals, drawer,
Modals (Dialog)
components,
Box
components, dialog, modals, box,
Sidebar
components, dialog, modals, sidebar,
Drawer
components, dialog, modals, drawer,
Navbar
components,
Default
components, navbar,
Muted
components, navbar,
Options
components,
Default
components, options, checkbox, radio,
Input
components, options, radio, checkbox,
Muted
components, options,
Pagination
components,
Pointers
components,
Quotes
components,
Ratings
components, stars, reviews, favourites,
Rule
components,
Scroller
components,
Snackbar
components, feedback,
Timeline
components,
Tooltips
components,
Utilities
utilities,
Animation
utilities,
Aspect Ratio
utilities,
Backgrounds
utilities, colours, background colour,
Flex
utilities,
Headings
utilities,
Heights
utilities,
Helpers
utilities,
Hidden
utilities, remove, hide,
Spacing
utilities,
Margin
utilities, spacing,
Padding
utilities, spacing,
Repeat
utilities, spacing,
Sticky
utilities,
CSS Sticky
utilities,
JS Sticky
utilities,
Transforms
utilities,
Truncate
utilities,
Type
utilities,
Widths
utilities,
Layouts
layouts,
Whole UI chunks and specific views containing components.
Site
layouts, site,
Messages
layouts, site, site messages,
Navbar
layouts, site, site navbar, christmas, mylisters, log in, log out,
Header
layouts, site,
Footer
layouts, site, christmas,
Hero
layouts, site, site hero,
Header Hero
layouts, site,
Standard Hero
layouts, site,
Compact Hero
layouts, site,
Slim Hero
layouts, site, small hero,
Half Hero
layouts, site, site hero,
Hero Slider
layouts, site, slider,
Theatre Hero
layouts, site,
Page
layouts,
Contact
layouts,
Email
layouts,
Features
layouts, images, content,
Forms
layouts, forms,
Image Grid
layouts, images,
Menu
layouts,
Sub Header
layouts,
Tabbed Features
layouts,
Home
layouts,
Hero
layouts, home, christmas, events,
Blocks
layouts, home,
Scroller
layouts, home, scroller,
My Listers
layouts, my listers,
Sign Up
layouts, my listers, mylisters, sign up,
Verify
layouts, my listers, mylisters, verification, verify,
Log In
layouts, my listers, mylisters, forgotten, password, reset, log in, login,
Settings
layouts, my listers,
Favourites
layouts,
Button
layouts, favourites,
Search
layouts,
Results
layouts, vehicle search, search results, results,
Load More
layouts, vehicle search, load more, search,
Odometer
layouts, vehicle search, search,
Navbar
layouts, vehicle search, search navbar, navbar,
Search Cards
layouts, vehicle search, search cards, search, cards,
Vehicle
layouts, vehicle,
Hero
layouts, vehicle, vehicle hero,
Navbar
layouts, vehicle, vehicle navbar,
Key Features
layouts, vehicle, vehicle,
Vehicle Panels
layouts, vehicle,
Finance
layouts, vehicle, vehicle,
Buy Direct
layouts, vehicle,
Offers
layouts, vehicle, vehicle, offers,
Accessories
layouts, vehicle, vehicle, accessories,
Specifications
layouts, vehicle, specifications,
Running Costs
layouts, vehicle,
Reviews
layouts, vehicle,
Approved Used
layouts, vehicle, vehicle,
Contact Us
layouts, vehicle, vehicle,
Brand
layouts,
Dealership Cards
layouts, cards, dealership card,
Articles
layouts,
Hero
layouts, site hero, article hero,
Compact Hero
layouts,
Full Hero
layouts,
Theatre Hero
layouts, article hero,
Hero Cards
layouts, article, cards,
Awards Cards
layouts,
Taxonomies
layouts,
Article Scroller
layouts,
Sell Your Car
layouts,
Hero
layouts, sell my car, sell your car, buy my car, buy your car,
Form
layouts, sell my car, sell your car, buy my car, buy your car,
Playground
playground,
A small playground for creating UI's.
Checkbox Button
playground,
CMS Modal
playground,
Tokens
tokens,
Colours, type, depth, spacing and more.
Type
tokens,
Colour
tokens,
Responsive
tokens,
Motion
tokens,
Spacing
tokens,
Foundations
Guides
Good practice, tips and guides.
Code Guides
BEM
CSS
css,
HTML
Settings
High level config switches and debug options.
Responsive
Settings
Media Queries
Container Queries
Typography
type, type settings,
Settings
type settings,
Type Editor
type, type settings,
Units
spacing, sizes,
Units Settings
spacing, sizes,
Validation States for forms.
Form feedback and validation styles for when a customer doesn't fill in a form correctly or misses that required field.
Feedback
Live
Contents
On this page:
Input Validation