This is an overview of my website's brand and content standards. These standards are always evolving to meet the latest content and accessiblity standards.
Having a detailed brand and content standard guide ensures that information provided remains consisent and meets expectations.
Content Overview
Accessibility
I believe the web should be accessible and open to all those who wish to use it. My commitment is to make sure my website follows the Web Content Accessibility Guidelines (WCAG). I will test my website monthly or when a new page is added to ensure it complies with the latest standards.
If you have a question or concern about accessibility on this website please contact me.
AI
In general this website does not use AI to create or generate content. All content, unless stated otherwise, is created by myself or sourced to third-parties.
Color
The following is a list of my brand colors. Colors should be used on a white background whenever possible to ensure there is enough contrast between the colors.
Content
This website uses AP Style for content styling.
Design Details
This site uses a variety of styling libraries to make content that is engaging, easy to understand and that meets strict accessibility requirements.
Blockquote
Blockquotes whether used on the moments page or journal post should be indicated by using a line with the ■ hex color #294557.
This is a sample blockquote that is used on the moments or journal page.
Buttons
Main buttons will use a white background with a black border around it. The button will utilize a black hover state. Icons are optional but should be used to provide additional context whenever necessary.
Fonts
The main font is Inter and the alternative font is Roboto . If none of those fonts are available, the backup font is Arial.
Headings
All page titles or articles will start with an H1 tag. Headings must be used in order and should not be used to style text.
Icons
This website uses Phosphor Icons throughout the website. Icons should use the ■ hex color #333333.
Icons can hold different meanings to different people. If possible, provide clarity by using icons to accent existing content instead of just using icons for meaning.
Images
Images are optimized for fast loading and meets accessibility standards. Images are served in .webp format whenever possible. If a browser is unable to serve .webpp then images will be delivered in .jpg or .png.
Logos
My logos help tell my story both online and in person. In 2022, I updated my logo to better reflect my personal brand and identity. This logo resonates with me due to my name and highlights my spiritual beliefs.
When I saw these logos, I noticed the "J" looked like an infinity sign. The infinity sign holds different meanings spiritually but I idenfitied most with interconnectedness of everything, transformation, and limitless possibilities.
Moments Key
Moments act as a way to share ideas, links, and short-form commentary. Moments may be classified as the following:
Tracking
This website uses Tinylytics and Umami for website analytics.