Style Guide - Simply Krupa

This style guide reflects my vision for my personal brand and presents a framework that answers the "what", "why" and "how".

My goal is to stay true to my core values, ensuring that my brand remains authentic and aligned with my vision while also continuing to evolve as I grow professionally and creatively.

The logo is my caricature — a simple, clean, yet creative design — It reflects my belief in the power of simplicity in both design and data with a creative edge.

Accessibility

I am dedicated to ensure that my website follows accessibility best practices and the website design emphasizes accessibility with clear navigation. According to Adobe's color accessibility, there are no conflicts and theme swatches are color blind safe. I have further ensured accessibility by maintaining a high contrast between text and background for readability and incorporating alt text for images and clear labeling for interactive elements which will be sure to help users with disabilities navigate the site easily. I have also ensure the website is fully responsive and works well across different devices and screen sizes.

Colors

Check out the theme on Adobe Color Wheel

My personal brand has an influence from Ontario Tech colours as much of my work has been part of assignments. I have picked a cool-toned palette dominated by blues and whites, with accents of orange for energy and warmth. This reflects professionalism, trust, and creativity.

Primary Colors:

Blue (#034873): Evokes trust, professionalism, and a calm authority—ideal for your data-focused storytelling.

Gray (#737373) and White (#FFFFFF): Neutral tones for balance and clarity, supporting content hierarchy and readability.

Secondary Colors:

Teal (#0DC4D9) and Light Aqua (#72F2F2): Bring freshness and accessibility, ensuring a friendly yet professional tone.

Orange (#F25C05): Adds energy and creativity, reflecting innovation and engagement.

Fonts

This website consistently uses modern sans-serif typefaces Futura and League Spartan for simplicity and coherence, paired with bold headings to emphasize key points and set clear hierarchies. Font colors are restricted to black or dark grey to ensure good contrast and readability. There is no character spacing and 1.5 line spacing across all the website content for clarity on mobile and desktop.

Website Design

For this website, I have opted for clean, minimal design with a focus on my personal brand and storytelling. I have strategically used white space to maintain a polished look, prioritize readability and easy navigation. The tone is professional yet approachable, highlighting my expertise in making complex data comprehensible. The layout balances visual elements with concise text to guide users smoothly and ensuring that the content is easy to understand.

Tone of the Content

I have used conversational language to make my website approachable, welcoming both beginners and experts. I want to be easily understood through straightforward language, without overwhelming my audience. I also want to encourage others to explore data visualization and feel comfortable and confident as they embark on data driven decision making journey. Lastly, while I keep things accessible, I want my expertise in data visualization and business intelligence should shine through. Therefore, the content is presented in an approachable, professional and knowledgeable manner.

Projects

All my projects also embody my personal brand and styling approach, reflecting my commitment to clarity, creativity, and accessibility. I have attempted to prioritized conciseness over excess, ensuring data visualizations and designs are visually intuitive and not cluttered. Unless otherwise needed for a particular project, my projects use blue, gray and teal with orange highlighting key elements and drawing focus to crucial insights. They also use the elegant sans-serif fonts balancing professionalism and readability, helping viewers easily absorb complex information. All my projects maintain accessibility by using black/dark font on a white background or a gray/black background with white font when necessary. An attempt is made to use unified style across all projects to emphasizes cohesion, enhancing the personal brand identity.