Nota Clara — About page
A simple page layout exploring Bootstrap spacing, typography, and a clean hero section.
Selected work
These are small, focused builds that explore calm UI, responsive layout, and clear content structure — with an emphasis on readability and accessibility.
Notation visuals
A visual exploration of music symbols, spacing, and image responsiveness for educational content.
Responsive layout practice
Grid, spacing, and hierarchy experiments aimed at building a calm and consistent portfolio look.
Approach
- Clear hierarchy and calm typography
- Responsive layout first (mobile → desktop)
- Accessible structure: semantic sections, labels, and alt text
- Reusable patterns (DRY) across pages