4 ms·

This is impressively good - I admit that without looking at the URL I felt like visiting an official gov.uk website. Now, as someone else mentioned this might

This is impressively good - I admit that without looking at the URL I felt like visiting an official gov.uk website. Now, as someone else mentioned this might be a bit deceiving, so I wonder in what context could this be used (outside of the gov.uk use case). Their design system is really good, so I don't mind people copying it - hopefully not to the point of Bootstrap's websites

matteason 2y ago
One example is the RNIB (Blindness and sight loss charity in the UK) - they use various bits of GOV.UK Frontend on their website, such as the breadcrumbs and accordion on [0]. Many local councils use it too (or a version of it). Because it's so heavily tested for accessibility it makes sense to use in those kinds of contexts where accessibility is a very high priority. GOV.UK Frontend can be heavily customised via Sass variables (eg the font stack in [1]) so the components don't have to look like GOV.UK if you don't want them to. GOV.UK Vue pulls all its styling from Frontend so it's as customisable as Frontend is. [0] https://www.rnib.org.uk/living-with-sight-loss/assistive-aids-and-technology/tv-audio-and-gaming/guide-to-accessible-social-media/ https://www.rnib.org.uk/living-with-sight-loss/assistive-aid... [1] https://github.com/alphagov/govuk-frontend/blob/main/packages/govuk-frontend/src/govuk/settings/_typography-font.scss https://github.com/alphagov/govuk-frontend/blob/main/package...
- denysvitali 2y ago
  Good job! I'll make sure to consider this option for my next Vue frontend :)
pglevy 2y ago
The US Web Design System actually links to various implementations, some community-generated. It's not new to try to make it easier for teams to implement the system using various frameworks. https://designsystem.digital.gov/documentation/implementations/ https://designsystem.digital.gov/documentation/implementatio... Nice work, matteason!
alias_neo 2y ago
I might be doubly misunderstanding this, because my first concern was that this could be used to impersonate government services; but; my second thought was (as someone with no idea of web tech stacks), perhaps this is a reimplementation using a different stack (Vue) of the original, for use for the same purposes? Basically, you want to build a gov.uk site using your preferred stack, which happens to be the same as this, use this instead? Again, many be completely misunderstanding, so hopefully someone can clarify.
- matteason 2y ago
  Exactly - services on GOV.UK are developed by teams across government (as well as agencies etc), and they're (mostly) free to use whatever tech makes sense for the team and the project. GOV.UK Vue isn't intended for normal, bread-and-butter transactional services (usually a series of form pages) but for things like more complex internal tools, dashboards, mapping etc which would be using JS to provide interactivity

matteason 2y ago

One example is the RNIB (Blindness and sight loss charity in the UK) - they use various bits of GOV.UK Frontend on their website, such as the breadcrumbs and accordion on [0]. Many local councils use it too (or a version of it). Because it's so heavily tested for accessibility it makes sense to use in those kinds of contexts where accessibility is a very high priority. GOV.UK Frontend can be heavily customised via Sass variables (eg the font stack in [1]) so the components don't have to look like GOV.UK if you don't want them to. GOV.UK Vue pulls all its styling from Frontend so it's as customisable as Frontend is. [0] https://www.rnib.org.uk/living-with-sight-loss/assistive-aids-and-technology/tv-audio-and-gaming/guide-to-accessible-social-media/ https://www.rnib.org.uk/living-with-sight-loss/assistive-aid... [1] https://github.com/alphagov/govuk-frontend/blob/main/packages/govuk-frontend/src/govuk/settings/_typography-font.scss https://github.com/alphagov/govuk-frontend/blob/main/package...

denysvitali 2y ago
Good job! I'll make sure to consider this option for my next Vue frontend :)

pglevy 2y ago

The US Web Design System actually links to various implementations, some community-generated. It's not new to try to make it easier for teams to implement the system using various frameworks. https://designsystem.digital.gov/documentation/implementations/ https://designsystem.digital.gov/documentation/implementatio... Nice work, matteason!

alias_neo 2y ago

I might be doubly misunderstanding this, because my first concern was that this could be used to impersonate government services; but; my second thought was (as someone with no idea of web tech stacks), perhaps this is a reimplementation using a different stack (Vue) of the original, for use for the same purposes? Basically, you want to build a gov.uk site using your preferred stack, which happens to be the same as this, use this instead? Again, many be completely misunderstanding, so hopefully someone can clarify.

matteason 2y ago
Exactly - services on GOV.UK are developed by teams across government (as well as agencies etc), and they're (mostly) free to use whatever tech makes sense for the team and the project. GOV.UK Vue isn't intended for normal, bread-and-butter transactional services (usually a series of form pages) but for things like more complex internal tools, dashboards, mapping etc which would be using JS to provide interactivity