Design plays a central role in how people experience an application. When typography, colors, and images are aligned with a brand, the interface feels familiar and reliable. Clear visual cues guide you to the right actions and reduce the effort required to get work done.
Internal business applications deserve the same level of care as customer-facing products. In Aha! Builder, describe what you are creating and who will use it. Elle then generates an application based on your requirements. Use the design controls to customize the application's appearance.
Navigate to the Design tab for your application to get started.
Click any of the following links to skip ahead:
Create a theme from an image
Start with colors that already represent your brand. Upload an image to create a design theme for your application. Aha! Builder extracts key colors from the image and applies them across your pages and color themes.
Navigate to your application's Design page.
Select Upload screenshot and choose an image from your computer.
Aha! Builder applies the extracted colors to your design theme.
Customize typography
Update your application's typography to match your brand. Your application may use serif typefaces, sans serif typefaces, or both. You can customize each one.
Navigate to your application's Design page.
In the Typography section, choose a typeface from the Serif menu and one from the Sans Serif menu.
All typography will be updated in your application to reflect your selections.
Adjust corners
Corner radius affects how your application feels and how people scan content. You can decide how rounded corners should be across your application.
Navigate to your application's Design page.
In the Rounded corners section, move the slider to set a corner radius (in pixels).
Watch the preview update so you can pick the level of rounding that fits your brand.
Design tip: Rounded corners can make your application feel more approachable and help distinguish cards and panels. Straighter corners create a crisp, structured look and work well for data-dense layouts.
Customize colors
Customize the color palette to match your brand and make the interface easier to understand at a glance. Clear, consistent colors guide people to primary actions, highlight important states, and create a cohesive experience across the application.
You can use one of Aha! Builder's standard color palettes or create your own.
Navigate to your application's Design page.
-
In the Colors section, select a color palette:
Bright: High contrast and saturated colors that draw attention to primary actions and alerts.
Bold: Strong colors that create clear hierarchy and make key elements stand out.
Subdued: Softer tones that reduce visual noise and support long, focused sessions in the application.
Ocean: Blues and related hues for a calm feel, common for data and workflow-heavy tools.
Forest: A green-forward palette to signal stability and growth, common for planning and tracking tools.
Slate: Neutral grays that create a restrained, professional base that puts content first.
Customized: Select this option to match your brand exactly and maintain consistency across all applications.
If you select the Customized color palette, select the pencil icon to open the color menu. Enter your brand's hex codes to apply specific colors.
If your team uses a global design system, paste a public link into the chat with Elle. Then ask it to update the application's front-end design.