Website Theme
Overview
Website Theme — Business Overview
Website Theme is a setup document in Dafater that defines the overall look, feel, and branding of your company’s website. It controls how your website appears to customers, partners, and the public, ensuring a consistent and professional visual identity that aligns with your brand.
What Website Theme Is Used for in Business Operations
Website Theme is used to:
- Apply your company’s branding (colors, fonts, styles) across the entire website
- Ensure a consistent visual experience on all web pages
- Support marketing, sales, and customer engagement through a professional design
- Reflect brand updates or campaign-specific styling without redesigning the website
In simple terms, Website Theme governs how your website looks and feels, not what content it shows.
Prerequisites or Setup Requirements
Before using Website Theme effectively, the following should be in place: - A clear brand identity (logo, brand colors, preferred fonts) - A functioning business website within Dafater - Agreement from marketing or management on brand guidelines - Defined purpose of the website (corporate presence, lead generation, customer self-service, etc.)
Having these ready ensures the Website Theme supports business goals rather than just visual changes.
Typical Workflow and Business Process Fit
Brand Planning
The business or marketing team defines branding rules and visual standards.Theme Selection or Creation
A Website Theme is created or selected to match the approved branding.Review and Approval
Stakeholders review how the theme appears on the website and confirm it meets brand expectations.Activation
The approved Website Theme is applied to the website.Ongoing Updates
The theme is adjusted when branding changes, new campaigns are launched, or the business evolves.
This workflow ensures brand consistency while allowing flexibility as the business grows.
Key Business Scenarios Where Website Theme Is Essential
Launching a New Company Website
Ensures the website reflects the company’s identity from day one.Rebranding or Brand Refresh
Allows quick alignment of the website with new brand guidelines.Marketing Campaigns
Supports special campaigns or seasonal branding without rebuilding the site.Multi-Business or Multi-Brand Operations
Different Website Themes can be used to represent different brands or business lines.Customer Trust and Credibility
A polished and consistent design improves customer confidence and engagement.
Important Considerations for Users
- Website Theme affects the entire website, so changes should be planned carefully.
- Consistency is more important than frequent visual changes.
- Always review the theme from a customer’s perspective, not just internal preferences.
- Align theme changes with marketing and communication strategies.
- Avoid frequent switches unless there is a clear business reason.
Summary
Website Theme is a strategic setup document in Dafater that ensures your website visually represents your brand in a consistent, professional, and customer-friendly way. When managed thoughtfully, it strengthens brand identity, supports marketing efforts, and enhances the overall digital presence of the business.
Basic Information
- Module: Website
- Document Type: Setup
Fields
| Field Name | Label | Type | Required | Options | Description |
|---|---|---|---|---|---|
| theme | Theme | Data | ✓ | - | Name of the website theme used across Dafater portals |
| module | Module | Link | ✓ | Module Def | Dafater module where this website theme is defined |
| custom | Custom? | Check | - | Indicates whether the theme includes custom modifications | |
| google_font | Google Font | Data | - | Google font applied to Dafater website text | |
| font_size | Font Size | Data | - | Base font size used across Dafater website pages | |
| font_properties | Font Properties | Data | - | Additional font styling properties for Dafater website | |
| buttonroundedcorners | Button Rounded Corners | Check | - | Enable rounded corners for buttons on Dafater website | |
| button_shadows | Button Shadows | Check | - | Apply shadow effects to buttons on Dafater website | |
| button_gradients | Button Gradients | Check | - | Enable gradient styling for buttons on Dafater website | |
| primary_color | Primary Color | Link | Color | Primary brand color used throughout Dafater website | |
| text_color | Text Color | Link | Color | Default text color for Dafater website content | |
| light_color | Light Color | Link | Color | Light accent color used in Dafater website design | |
| dark_color | Dark Color | Link | Color | Dark accent color used in Dafater website design | |
| background_color | Background Color | Link | Color | Background color applied to Dafater website pages | |
| custom_overrides | Custom Overrides | Code | SCSS | SCSS overrides to modify Dafater theme default styles | |
| custom_scss | Custom SCSS | Code | SCSS | Custom SCSS styling specific to this Dafater theme | |
| ignored_apps | Ignored Apps | Table | Website Theme Ignore App | Dafater apps excluded from applying this website theme | |
| theme_scss | Theme | Code | SCSS | Core SCSS source code for the Dafater website theme | |
| theme_url | Theme URL | Data | - | Public URL where the Dafater theme preview is accessible | |
| js | JavaScript | Code | JS | Custom JavaScript executed for Dafater website functionality |
Child Tables
Ignored Apps (Website Theme Ignore App)
| Field Name | Label | Type | Required | Options | Description |
|---|---|---|---|---|---|
| app | App | Data | ✓ | - | Dafater app excluded from website theme customization |
Permissions
| Role | Read | Write | Create | Delete | Submit | Cancel |
|---|---|---|---|---|---|---|
| Administrator | ✓ | ✓ | ✓ | ✓ | ||
| Website Manager | ✓ | ✓ | ✓ | ✓ |
Related DocTypes
| DocType | Relationship | Module |
|---|---|---|
| Website Settings | Linked from | Website |
| Color | Links to | Website |
| Module Def | Links to | Core |