A simple restaurant wireframe
[ Logo Navigation ] [ Menu heading ] [ Category tabs ] [ Dish name Price ] [ Dish name Price ] [ Contact and opening hours ]
Websites & heroes
Find a website reference.
Browse references
Find real websites and design examples.
Browse templates
Explore saved layouts and their sources.
Explore layout examples and see how a page is put together.
Sections & components
Choose a smaller piece.
The existing component collection stays in place. Browse working examples or jump to the original library.
Style & motion
A clearer typeface.
The library home uses Manrope for headings, labels and body text. The font is already saved locally with its open licence.
Less searching.
More making.
ABCDEFGHJKLMNPQRSTUVWXYZ
abcdefghijkmnopqrstuvwxyz
0123456789 · Aa & ? !
Methods
Plan and review a website.
These are already in your library. The source authors explain what changes and why.
30✿15↔✓
Guides by topic
Fonts, colours, layout, building and relevant skills.
Icons and communities
Eight icon families, actual SVG samples and source terms.
NN/g: five visual principles
Fifteen source figures, mini diagrams and explanations.
Responsive layouts and form patterns
Five related walkthroughs include homepage testing, visual cleanup, card layouts and form review.
Build checklist
Keep your existing browser-saved progress.