Find ways to bring Arcjet branding into demos

[qw-in]

Maybe you’ve already thought about this.
But there are many examples here.
VPNs, countries, credit card numbers.
Some a bit random.

Arcjet has a particular design ideology. Stuff like space, planets.

Similarly, in my open source work, over the last couple of years I diverged on making all examples about the planets. Some examples: https://github.com/remarkjs/remark-toc#use, https://github.com/remarkjs/remark/tree/main/packages/remark-parse#example-turning-markdown-into-a-man-page, https://github.com/remarkjs/remark-lint/tree/main/packages/remark-lint-mdx-jsx-unique-attribute-name#examples.

So, it may be nice to have some consistent examples everywhere that each somehow relate to the “brand” and are fun!

Originally posted by @wooorm-arcjet in #2 (comment)

---

I think this is a really good idea. It would be great to gather ideas here until the examples are in a more uniform state and it is easier to deploy these changes to all of them at once.

Note that I've used the word "demo" in the title just to try and differentiate from "example" which may be confusing in this context

cc @arcjet/design-team as I expect you have ideas here

[morekid]

I agree it's a good idea, we can introduce small hints with the right space/sci-fi style.

We can find places where this will work, like we have done with team/site names in the app, but we also need to be mindful of where it can be confusing, e.g. test emails in https://example.arcjet.com/signup work well plausible as they are since it's easy to understand the real use cases this way, but we could customize the message in https://example.arcjet.com/sensitive-info just as long as the card number stays clear.

References:
Brand > Identity and Voice. Voice is barely fleshed out but it does have good pointers.