Content Guidelines
- White space is ignored, use br instead
- Always add the alt attribute to images (even if it's empty), so that screen readers don't read out the file name.
- Describe links via aria-label, as "Learn more" or "Click here" are confusing to screen readers. Example, for the banner "Learn more", aria-label can be set to "Learn more about how Taxsaver works"
- Split a bulky rich text into separate rich text blocks to obtain better spacing. See the below sample
- If applicable, edit the HTML in the CMS to add specific classes to specific elements, e.g. change the appearance of a link to a solid button via "btn btn-primary".
- If you want an inline item like anchor to stand alone, you can wrap it in a div with the class my-16. Possible use case: a button within a list item.
Rich Text Sample
Introduced by the Government in 1999, Taxsaver incentivises people to use public transport to and from work. It’s so simple! Employers simply Register online, receive log in details and start purchasing monthly or annual tickets for their employees.
The cost is deducted directly from the employees Gross salary, and massive savings of between 28.5% and 52% can be made off the regular price, depending on ticket type and your tax band.
How can I get a ticket?
- Check with your employer and find out if the company are registered with Taxsaver. If not, why not send your employer a link telling them you are interested in availing of this great scheme;
- Once your company is registered, a company administrator (designated person, normally a person in HR or Payroll) can order your ticket online.
- There are annual tickets, and monthly tickets available from the 1st of any month. Some companies only offer tickets at particular times of year.
How much will my ticket cost?
For more info on all ticket types, check out our ticket types page.
How much will I save?
Use our Savings Calculator to find out how much you can save with a Taxsaver Commuter ticket!
Colour Palette
Brand primary
primary-50
text-primary-50 | bg-primary-50 | border-primary-50
primary-100
text-primary-100 | bg-primary-100 | border-primary-100
primary-300
text-primary-300 | bg-primary-300 | border-primary-300
primary-400
text-primary-400 | bg-primary-400 | border-primary-400
primary-500
text-primary-500 | bg-primary-500 | border-primary-500
primary-600
text-primary-600 | bg-primary-600 | border-primary-600
primary-700
text-primary-700 | bg-primary-700 | border-primary-700
primary-800
text-primary-800 | bg-primary-800 | border-primary-800
primary-900
text-primary-900 | bg-primary-900 | border-primary-900
Brand info
info-50
text-info-50 | bg-info-50 | border-info-50
info-100
text-info-100 | bg-info-100 | border-info-100
info-300
text-info-300 | bg-info-300 | border-info-300
info-400
text-info-400 | bg-info-400 | border-info-400
info-500
text-info-500 | bg-info-500 | border-info-500
info-600
text-info-600 | bg-info-600 | border-info-600
info-700
text-info-700 | bg-info-700 | border-info-700
info-800
text-info-800 | bg-info-800 | border-info-800
info-900
text-info-900 | bg-info-900 | border-info-900
Brand success
success-50
text-success-50 | bg-success-50 | border-success-50
success-100
text-success-100 | bg-success-100 | border-success-100
success-300
text-success-300 | bg-success-300 | border-success-300
success-400
text-success-400 | bg-success-400 | border-success-400
success-500
text-success-500 | bg-success-500 | border-success-500
success-600
text-success-600 | bg-success-600 | border-success-600
success-700
text-success-700 | bg-success-700 | border-success-700
success-800
text-success-800 | bg-success-800 | border-success-800
success-900
text-success-900 | bg-success-900 | border-success-900
Brand warning
warning-50
text-warning-50 | bg-warning-50 | border-warning-50
warning-100
text-warning-100 | bg-warning-100 | border-warning-100
warning-300
text-warning-300 | bg-warning-300 | border-warning-300
warning-400
text-warning-400 | bg-warning-400 | border-warning-400
warning-500
text-warning-500 | bg-warning-500 | border-warning-500
warning-600
text-warning-600 | bg-warning-600 | border-warning-600
warning-700
text-warning-700 | bg-warning-700 | border-warning-700
warning-800
text-warning-800 | bg-warning-800 | border-warning-800
warning-900
text-warning-900 | bg-warning-900 | border-warning-900
Brand danger
danger-50
text-danger-50 | bg-danger-50 | border-danger-50
danger-100
text-danger-100 | bg-danger-100 | border-danger-100
danger-300
text-danger-300 | bg-danger-300 | border-danger-300
danger-400
text-danger-400 | bg-danger-400 | border-danger-400
danger-500
text-danger-500 | bg-danger-500 | border-danger-500
danger-600
text-danger-600 | bg-danger-600 | border-danger-600
danger-700
text-danger-700 | bg-danger-700 | border-danger-700
danger-800
text-danger-800 | bg-danger-800 | border-danger-800
danger-900
text-danger-900 | bg-danger-900 | border-danger-900
Brand neutral
neutral-50
text-neutral-50 | bg-neutral-50 | border-neutral-50
neutral-100
text-neutral-100 | bg-neutral-100 | border-neutral-100
neutral-300
text-neutral-300 | bg-neutral-300 | border-neutral-300
neutral-400
text-neutral-400 | bg-neutral-400 | border-neutral-400
neutral-500
text-neutral-500 | bg-neutral-500 | border-neutral-500
neutral-600
text-neutral-600 | bg-neutral-600 | border-neutral-600
neutral-700
text-neutral-700 | bg-neutral-700 | border-neutral-700
neutral-800
text-neutral-800 | bg-neutral-800 | border-neutral-800
neutral-900
text-neutral-900 | bg-neutral-900 | border-neutral-900
Brand base
base-white
text-white | bg-white | border-white
base-black
text-black | bg-black | border-black
Tabs
How much will I save?
Use our Savings Calculator to find out how much you can save with a Taxsaver Commuter ticket!
How much will I save?
Use our Savings Calculator to find out how much you can save with a Taxsaver Commuter ticket!
How much will I save?
Use our Savings Calculator to find out how much you can save with a Taxsaver Commuter ticket!
How much will I save?
Use our Savings Calculator to find out how much you can save with a Taxsaver Commuter ticket!
How much will I save?
Use our Savings Calculator to find out how much you can save with a Taxsaver Commuter ticket!
How much will I save?
Use our Savings Calculator to find out how much you can save with a Taxsaver Commuter ticket!
Ticket types table
Annual tickets #1
Dublin Area. Zonal based commuter tickets
Monthly Rail Short Hop Zone #1
Monthly Rail Short Hop Zone #2
Monthly Rail Short Hop Zone #3
Monthly Rail Short Hop Zone #4
Monthly Rail Short Hop Zone #5
Monthly Rail Short Hop Zone #6
Monthly Rail Short Hop Zone #7
Annual tickets #2
Dublin Area. Zonal based commuter tickets
Monthly Rail Short Hop Zone #1
Monthly Rail Short Hop Zone #2
Monthly Rail Short Hop Zone #3
Monthly Rail Short Hop Zone #4
Monthly Rail Short Hop Zone #5
Monthly Rail Short Hop Zone #6
Monthly Rail Short Hop Zone #7
Annual tickets #3
Dublin Area. Zonal based commuter tickets
Monthly Rail Short Hop Zone #1
Monthly Rail Short Hop Zone #2
Monthly Rail Short Hop Zone #3
Monthly Rail Short Hop Zone #4
Monthly Rail Short Hop Zone #5
Monthly Rail Short Hop Zone #6
Monthly Rail Short Hop Zone #7
Regular table
Use this as part of rich-text
| Column #1 | Column #2 | Column #3 | Column #4 |
|---|---|---|---|
| Cell #1 | Cell #2 | Cell #3 | Cell #4 |
| Cell #1 | Cell #2 | Cell #3 | Cell #4 |
| Cell #1 | Cell #2 | Cell #3 | Cell #4 |
| Cell #1 | Cell #2 | Cell #3 | Cell #4 |
| Cell #1 | Cell #2 | Cell #3 | Cell #4 |
| Cell #1 | Cell #2 | Cell #3 | Cell #4 |
| Cell #1 | Cell #2 | Cell #3 | Cell #4 |
Buttons
The classes can be applied to buttons, links or any other HTML elements. Use in conjunction with .btn
Typography
Headings
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
P20
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis neque lectus, sollicitudin ac ullamcorper quis, finibus fermentum purus. Aliquam vel finibus libero. Maecenas maximus eros vel sem aliquet, quis pulvinar sem scelerisque. Fusce in massa congue, suscipit augue ut,luctus tortor. Duis eget justo vitae justo molestie scelerisque eget id mauris.
P16
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis neque lectus, sollicitudin ac ullamcorper quis, finibus fermentum purus. Aliquam vel finibus libero. Maecenas maximus eros vel sem aliquet, quis pulvinar sem scelerisque. Fusce in massa congue, suscipit augue ut,luctus tortor. Duis eget justo vitae justo molestie scelerisque eget id mauris.
P14
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis neque lectus, sollicitudin ac ullamcorper quis, finibus fermentum purus. Aliquam vel finibus libero. Maecenas maximus eros vel sem aliquet, quis pulvinar sem scelerisque. Fusce in massa congue, suscipit augue ut,luctus tortor. Duis eget justo vitae justo molestie scelerisque eget id mauris.
P12
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis neque lectus, sollicitudin ac ullamcorper quis, finibus fermentum purus. Aliquam vel finibus libero. Maecenas maximus eros vel sem aliquet, quis pulvinar sem scelerisque. Fusce in massa congue, suscipit augue ut,luctus tortor. Duis eget justo vitae justo molestie scelerisque eget id mauris.