The LB Redbridge design system.

- Reusability
- User centred design
- An overview
- An introduction
- A starter template
- Accordion
- Archive
- Back link
- Breadcrumbs
- Button
- Character count
- Checkboxes
- Confirmation
- Date input
- Details
- Declarations
- Error message and summary
- File upload
- Hyperlink
- InsetText
- Layouts
- Mapping
- Pagination
- Phase banner
- Print button
- Radio buttons
- Select
- Spacing
- Table ( responsive )
- Text input
- Textarea
- Typography
- Warning text
- Well
- User research guidance and templates
- Case examples

CSS at a glance

Below is a breakdown of the main styles applied for header, footer and core page elements.
Futher detail of all the styles can be downloaded in the CSS library zip file.

Header

Header container colour - background-color:#BC0067;
Header links - color:#FFF;
Header links hover - color:#FFF; text-decoration:underline;
Header links focus - background-color:#FD0; color:#000;

Footer

Footer container colour - background-color:#46323F;
Footer links - color:#FFF;
Footer links hover - color:#FFF; text-decoration:underline;
Footer links focus - background-color:#FD0; color:#000; text-decoration:underline;

Core page elements

Headings and body text colour - color:#0B0C0C;
Links - color:#BC0067; text-decoration:underline;
Links hover - color:#89004B; text-decoration:underline;
Links focus - background-color:#FD0; color:#000; text-decoration:underline;
Button - background-color:#BC0067; color:#FFF;
Button focus - background-color:#FD0; color:#000;
Font family - font-family:GDS Transport,arial,sans-serif;
Font face - download the asset library to utilise the fonts;
Font sizes - refer to the typography section in the component library;