zen images IMPORTANT Home
This space contains all the images for our custom documentation design.
DO NOT DELETE THIS SPACE!!!!!
Pages
- Section Options
- Insert
- Insert After
- Duplicate
- Become Tab
- Design
- Remove
- View Source
- View Storage Format
Example
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aliquam fermentum vestibulum est. Sed quis tortor.
Attachment Adjustments
Introduction
Zen Foundation's Brand Designer lets you control nearly every aspect of your Zen design. Click on the items on the left to access each panel of options. Change something, and click Apply to see the result.
While no coding skills are needed (see Fast Track below), this tool was built for graphic designers, so a basic grasp of HTML and CSS concepts will help.
Fast Track
In 5 minutes, create a design that complies with your marketing department's branding guidelines. Use the Logo & Color Palette panel to add your logo and colors, and watch Zen Foundation regenerate all of its icons to match, instantly. Then use the Custom Fonts panel to specify web fonts which you can apply using the Font Family fields in the other panels.
Popup Help for Every Design Control
Not sure what a particular option does? Click on any label in the Brand Designer for popup help. Try it here:
Undo/Redo
Great design requires experimentation. So don't be afraid to try something, and click Apply. Like it? Good. Not really? Use the Undo option in the toolbar's Configuration menu to reverse the change, or choose Redo to reapply it. There's no limit to the undos and redos, so don't hold back.
Logo
Color Palette

156w x 28h

1120w x 105h

156w x 28h

625w x 113h

500w x 90h

438w x 79h

375w x 68h

1120w x 200h

1120w x 105h

5000w x 175h

160w x 90h

72w x 65h

12w x 18h

1500w x 100h

1500w x 100h

1500w x 50h

1w x 121h

1w x 30h
.png)
304w x 55h

1w x 29h

328w x 181h

328w x 181h

327w x 181h

327w x 181h

327w x 181h

327w x 181h

327w x 181h

327w x 181h

32w x 32h

16w x 16h

1w x 29h

1w x 31h

72w x 88h

108w x 46h

162w x 46h
168w x 84h
162w x 48h
99w x 60h
177w x 62h
Body
Window Background
Header
Canvas Background
Toolbar Search Box
Background
Input Text
Move Search Box
Background
Input Text
Top Level
Pull Downs
Canvas
Sections
White Space
Corners
Text Alignment
Section Headers
Font
Page Title
Headings
Text
Links
Create Links
Behavior
Border
Background
Size
Button Text
Button Image
Images
Lists
Horizontal Rules
Block Quotes
Meta Data
Blogposts
Tab Borders
Tab Divider
Tabs
Selected Tab
Hover Tab
Background
Labels & Comment Sections
Headings
Text & Links
Lists
Size
Background
Canvas Background
Login Panel
WARNING: Before adding custom CSS to your brand, please try to achieve the desired effect using the other panels. Those panel settings will be safe during system upgrades, but your custom CSS will need ongoing maintenance. Please contact support@stepstonetech.com if you need guidance.