Design Glossary - hackforla/internship GitHub Wiki

Design Glossary

Hierarchy:

  • Establish a clear visual hierarchy
  • Use headings, subheadings, and body text to indicate importance
  • Prioritize mission, internship opportunities, and success stories

Consistency:

  • Maintain a consistent look and feel
  • Use defined color palette, typography, and iconography
  • Maintain same navigation, layout, and button styles

Alignment:

  • Align design elements to create an organized layout
  • Follow a grid-based layout
  • Align text and elements consistently

Proximity:

  • Group related elements together
  • Place program information and application details close together
  • Keep navigation and call-to-action buttons in close proximity

Balance:

  • Achieve visual balance
  • Distribute elements, weight, and contrast evenly
  • Distribute images and text evenly

Contrast:

  • Use contrasting colors, sizes, and shapes
  • Apply contrasting colors from defined palette
  • Use size contrast to differentiate headings and body text

White Space:

  • Utilize white space effectively
  • Allow ample space around design elements
  • Use white space to separate content sections

Conclusion

By adhering to these design principles, we can create a visually engaging and cohesive website that effectively communicates our organization's mission and values. As we continue to evolve our brand and website, let's collaborate to refine these principles and ensure they remain relevant and effective.