Brand guidelines

Guidelines for presenting Luan Nguyen Design with consistency and professionalism

Skip to main content
To download brand assets, please switch to a larger device like a desktop or laptop. Mobile downloads are not supported for optimal quality and user experience. Thank you for understanding.

The Brand guidelines for Luan Nguyen Design outline the core elements and standards of the brand, ensuring consistency and clarity in all communications and representations. These guidelines are designed to help you understand and implement the visual and verbal identity of Luan Nguyen Design effectively.

Brand overview

Mission

To empower individuals in mastering design and coding through practical, real-world projects and immersive learning experiences.

Vision

To bridge the gap between design and development, creating versatile professionals equipped for the digital world.

Core values

I prioritize inclusivity, fostering equal access and growth opportunities. Innovation drives me to lead industry advancements with creative strategies. Collaboration is key, promoting synergy for collective success. Excellence guides my commitment to top-tier quality and continuous improvement. Integrity ensures honesty, transparency, and respect in all interactions and decisions.

Inclusivity
Promoting equal access and opportunities for learning and growth across diverse backgrounds.
Innovation
Spearheading industry advancements with creative solutions and forward-thinking strategies.
Collaboration
Cultivating synergy and mutual support among designers and developers for collective success.
Excellence
Committing to top-tier quality and continuous improvement in all aspects of work and learning.
Integrity
Upholding honesty, transparency, and respect in interactions and decision-making processes.

Logo usage

Primary logo

The primary logo should be used in all official communications and branding materials. It represents the core identity of Luan Nguyen Design and must be used consistently.

Logo variations

  • Color variations: Use the full-color logo on light backgrounds and the white logo on dark backgrounds.
  • Size requirements: Ensure the logo is never smaller than 20px in height for digital use and 1 inch in height for print.

Clear space

Maintain clear space around the logo equal to the height of the 'L' in Luan and the 'N' in Nguyen to ensure visibility and impact.

Incorrect usage

  • Do not alter the logo's proportions.
  • Do not change the logo's colors outside the approved palette.
  • Do not place the logo on busy or low-contrast backgrounds.

Typography

Primary typeface

  • Font: Geist
  • Usage: Headlines, Subheadings, and Body text
  • Description: Geist is a typeface made for developers and designers, embodying Vercel's design principles of simplicity, minimalism, and speed, drawing inspiration from the renowned Swiss design movement.
Geist bezier glyph
Geist geistconographic
Geist minimal
Geist principles
Geist scattered
Geist text styles

All images are sourced from the Geist font by Vercel.

Hierarchy

  • Headlines: Geist Bold, 60pt
  • Subheadings: Geist Medium, 36pt
  • Body text: Geist Regular, 20pt
Headline
Subheading
Body text

Color palette

Primary colors

  • Red: #DC2626
  • Black: #09090B
  • White: #FFFFFF
Red#DC2626RGBA(220, 38, 38, 1)
Black#09090BRGBA(9, 9, 11, 1)
White#FFFFFFRGBA(255, 255, 255, 1)

Secondary colors

  • Light grey: #F5F5F4
  • Dark grey: #1C1917
Light grey#F5F5F4RGBA(245, 245, 244, 1)
Dark grey#1C1917RGBA(28, 25, 23, 1)

Usage

  • Backgrounds: Preferably use white or light grey. Use black backgrounds for buttons on light themes and white backgrounds for buttons on dark themes.
  • Text: Utilize white text for dark themes and black text for light themes.
  • Accents: Use red for primary links and highlights.

Imagery

Style

  • Photographs: Use high-quality images that reflect professionalism and creativity. Personal images on my site use a dither effect with dot patterns, adding a unique texture and vintage aesthetic.
  • Illustrations: Utilize clean, simple, and modern illustrations that align with the brand's aesthetic.
Luan Nguyen Design

Usage

  • Ensure all images are relevant to the content and context.
  • Avoid overly complex or cluttered images.

Tone of Voice

Brand voice

  • Professional: Maintain a professional tone in all communications.
  • Approachable: Ensure language is friendly and accessible.
  • Inspirational: Encourage and motivate learners through positive and uplifting language.

Writing style

  • Clarity: Use clear and concise language.
  • Consistency: Maintain a consistent tone and style across all platforms.
  • Engagement: Use active voice and engage directly with the audience.

Applications

Digital

  • Website: Ensure brand elements are consistently applied across all web pages.
  • Mobile: Apply the brand guidelines uniformly across all mobile interfaces and applications.
  • Social media: Use the logo, color palette, and typography consistently in posts and profiles.

Print

  • Business cards: Use primary logo, colors, and typography. Specify dimensions, layout, and contact information placement.

Contact information

For any questions or clarifications regarding these brand guidelines, please contact:

By adhering to these guidelines, you help maintain the integrity and strength of the Luan Nguyen Design brand. Thank you for your cooperation and commitment to excellence.