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.