ARCHIVED
This chapter has not been updated for the current version of Orchard, and has been ARCHIVED.
Orchard Branding
Wireframes
Click on the walkthrough title to download a zip file containing the numbered images.
Themes
Photoshop and HTML front-end theme mockups.
- Classic Theme - html
- Green Theme - html
- Dark Theme - not implemented
- Brown Theme - not implemented
Admin UI
Below are some of the more recent admin designs.
Admin UI - Original
Below are some of the original admin designs. These show how the design progressed from something that was strongly branded Orchard to a more generic design.
Design Concepts & Ideas
These designs and mocks are not related to work we are currently developing.
Wireframes:
- Context buttons deep zoom concept board (Silverlight required)
- Toolbar concept for edit page UI
- Module install rev 1
- Module install rev 2
- Page Builder concept
- Live edit concept
PhotoShop mocks:
- Sidebar/toolboxes concept for edit page UI
- Drawer concept for edit page UI
- Drawer/tab concept rev 1
- Drawer/tab concept rev 2
JavaScript & html Mocks
We use the Balsamiq Mockups tool to create these walkthroughs.