Design Guideline
HAIchat Design Guideline
A brand guidelines for building a consistent interface for elementor template kit.
Typography and Font
Consistent typography ensures a professional look and enhances user experience across all platforms.
Heading 1
A quirky zebra jogs swiftly, exploring vibrant hills and forests.
Heading 2
Zesty waffles quickly bring fun, joy and excitement.
Heading 3
Bold gazelles quickly find joy, leaping over unexpected terrain.
Heading 4
Amazing foxes quietly zigzag, jumping between vibrant hills and trees.
Heading 5
Zebras gallop swiftly, crossing fields of quiet and vibrant joy.
Heading 6
Quick lions jump bravely, zigzagging through vast, exotic terrains.
Body
Collaboratio inter gentes longe distantes per technologiam fit, ingenia coniungens et novas res creans quae limites possibilitatis transcendunt agitent et sol lucem suavem super terras diffundat – Regular
Collaboratio inter gentes longe distantes per technologiam fit, ingenia coniungens et novas res creans quae limites possibilitatis transcendunt agitent et sol lucem suavem super terras diffundat – Medium
Collaboratio inter gentes longe distantes per technologiam fit, ingenia coniungens et novas res creans quae limites possibilitatis transcendunt agitent et sol lucem suavem super terras diffundat – Bold
Caption
Collaboratio inter gentes longe distantes per technologiam fit
Subtitle
Natura sua pulchritudine
Quote
In rebus parvis saepe magna ingenia latent, dum mentis acumen simplicia problemata solvendo maximum progressum efficit suavem super terras diffundat.
In rebus parvis saepe magna ingenia latent, dum mentis acumen simplicia problemata solvendo maximum progressum efficit suavem super terras diffundat.
Tiny
Natura sua pulchritudine quotidie nos rapit, cum venti molli aura folia agitent et sol lucem suavem super terras diffundat.
Colors Variant
Our brand colors are essential for maintaining a cohesive visual identity. This helps create a professional and recognizable brand presence.
Primary Color
The core color representing our brand identity. Use it for key elements.
Main
Hover
Pressed
Surface
Border
Secondary Color
Complements the primary color and adds variety. Ideal for highlights.
Main
Hover
Pressed
Surface
Border
Neutral Color
Subtle tones for text and backgrounds. Balances and supports the design.
Heading Text
Subtitle Text
Body Text
Light Text
Background
The base layer for layouts. Creates clarity and space for content.
Primary Bg
Secondary Bg
Border
Defines boundaries and sections. Use sparingly for emphasis and structure.
Main Border
Basic Components
Consistent usage of these elements across all interfaces enhances usability and maintains brand identity.
Button
Triggers user-defined actions quickly and efficiently
Button Primary
Button Secondary
Button Tertiary
Input Form
Captures user information through typed input.
Quote
Emphasizes key quotes or impactful messages visually.
“In a world full of distractions, focus is the rarest and most valuable skill. The ability to channel your energy into meaningful work will set you apart. Stay committed to your path, and greatness will follow.”
