Skip to main content

Brand guidelines

Brand guidelines title

Brand guidelines

In modern marketing, where every interaction matters, brand guidelines stand as the beacon guiding consistent and coherent communication. 

This document encapsulates the essence of a brand's story, providing a road-map for maintaining cohesion across various touch-points. Whether you're launching a startup or revitalising an established brand, creating a comprehensive brand guideline document is essential for fostering recognition, trust, and loyalty among your audience. Here's a step-by-step guide to crafting a brand guideline document that captures the essence of your brand and ensures consistency in every communication.

Brand story

Define Your Brand Story

Begin by defining your brand's story, drawing insights from the results of brand development exercises.

Identify the key elements of your brand's personality, writing style, and visual style. Your brand's personality should reflect its values, mission, and unique identity. Determine the appropriate writing style—whether it's formal, conversational, or playful—to communicate with your target audience effectively. Additionally, establish a visual style that resonates with your brand's personality, incorporating elements such as imagery, typography, and color schemes.

Netflare name

Present Your Official Brand Name

Introduce your official brand name, providing insights into its origins and significance. 

Share the story behind the company name and logo, including pronunciations and proper usage guidelines. Illuminate the thought process behind the design of your logo, highlighting its symbolic meaning and visual elements. Specify how the logo should be used, including guidelines for size, spacing, and placement. Additionally, showcase any secondary logos, marks, or symbols associated with your brand, outlining their usage and significance.

Brand guideline

Outline Logo Details

Delve into the specifics of your logo design, explaining its composition and elements. 

Provide guidelines for its usage across different mediums and formats, ensuring consistency and clarity. Highlight any variations of the logo, such as secondary logos or marks, and specify their appropriate usage scenarios. Outline size and spacing requirements to maintain visual integrity and legibility across various applications.

Logo colours

Outline logo colours

Specify the colour palette associated with your brand's logo, including primary, secondary, and accent colours. 

Provide hex codes or Pantone references for each colour to ensure accurate reproduction across different platforms and materials. Emphasize the importance of consistency in color usage to maintain brand identity and recognition.

Colour palette

Outline Colour Palette

Highlight the broader colour palette used in your brand's visual identity, including primary, secondary, and extended accent colour palettes. 

Explain the significance of each colour and its role in conveying the brand's personality and message. Provide guidelines for colour combinations and usage to maintain visual harmony and consistency in all brand communications.

Typography selection

Typography Selection

Select primary and secondary fonts for use in various brand communications, specifying font weights, styles, and colours. 

Ensure that typography reflects your brand's personality and enhances readability across different mediums. Provide guidelines for font pairing and usage to maintain visual coherence and consistency.

Icons and illustrations

Outline Icons and Illustration Styles

Define the style and usage guidelines for icons and illustrations associated with your brand. 

Specify the visual characteristics, such as line weight, style, and colour palette, to ensure consistency with your brand's overall aesthetic. Provide examples and guidelines for incorporating icons and illustrations into brand communications effectively.

Photographic style

Outline Photographic Style

Define the photographic style that aligns with your brand's visual identity, including composition, lighting, and subject matter. 

Specify guidelines for image selection, editing, and usage to maintain consistency and authenticity in visual storytelling. Provide examples and inspiration to guide photographers and designers in capturing images that reflect your brand's personality and values.

Logo design

Logo design

Logo design

Your logo design should encapsulate the essence of your business and communicate this in a visually memorable way.

Your logo is the foundation of your brand identity. Use it to foster brand loyalty, grab attention and separate you from your competition.

Brand identity

Brand identity

Brand identity

Unlocking the Essence of Brand Identity: Unveiling the Soul of a Brand.

At the core of every successful brand lies its identity, the essence that sets it apart in the crowded marketplace. Brand identity encompasses the visible elements that represent a brand, serving as the visual and conceptual foundation upon which all branding efforts are built.

Brand development

The Role of Brand Development

While it may be tempting to jump straight into designing a logo or choosing brand colours, true brand identity emerges only after undergoing a thorough brand development process. 

This process involves defining the business identity, conducting market analysis, crafting a messaging strategy, and structuring information architecture, among other steps. Only by understanding who you are as a brand and how you want to be perceived can you make informed branding choices with confidence and certainty.

Branding design

Crafting a Cohesive Identity

A strong brand identity is not created overnight; it evolves over time through deliberate planning and strategic execution. 

Every aspect of brand identity—from the logo to the colour palette—should align seamlessly with the brand's values, mission, and target audience. Consistency is key, ensuring that every touchpoint reinforces the brand's identity and fosters a memorable and meaningful connection with consumers.

Logo design

The Power of Visual Elements

Visual elements play a crucial role in shaping brand identity, serving as the face of the brand in the eyes of consumers. 

A well-designed logo instantly communicates the essence of the brand, while carefully chosen colors evoke specific emotions and associations. Typography, imagery, and other design elements further contribute to the overall brand experience, reinforcing its identity across various channels and touchpoints.

Is your marketing strategy working?

Strategy working

Is your marketing strategy working?

Elevate Your Marketing with Passion-Led Strategies: Unleash Potential with Netflare's Project CMO Service. 

Traditional marketing strategies are constrained by profitability, often leading to dropping strategies with negative ROI. Alternatively, nurturing existing customer relationships and offering tailored products and services can enhance customer lifetime value.

Chief marketing officer

Here's what you get with a Project CMO:

Access to All Training Workshops: 

Acquire comprehensive knowledge and skills through exclusive training sessions tailored to enhance your marketing proficiency. 

Create a Strategy Planner Document: 

Develop a robust strategy planner document encompassing industry research, competitor analysis, market gaps, target market delineation, and identification of barriers to entry, empowering you with insightful data to drive informed decision-making. 

Benefit from a Dedicated Project CMO: 

Leverage the expertise of a seasoned Chief Marketing Officer (CMO) to lead your marketing team, providing strategic direction and fostering innovation to propel your brand forward. 

Conduct SEO Analysis and Digital Analytics Integration: 

Optimize your online presence with thorough SEO analysis and seamless integration of digital analytics into your website, ensuring enhanced visibility and performance in the digital landscape. 

Ensure Full Accountability and Transparency: 

Enjoy peace of mind with full accountability for agreed Key Performance Indicators (KPIs) and goals, coupled with monthly reporting on sales revenue and attainment of predetermined KPIs, fostering transparency and facilitating informed decision-making.

OfficeSTOR logo

"The weekly visits from Netflare has helped to steer my sales in mesh protection to become a significant part of the business."

Enhance your confidence in our approach with testimonials like that of Dave Cartwright, CEO of OfficeSTOR

This firsthand account underscores the tangible impact of our strategies in driving sales and shaping business growth.

No strategy

What are the risks of having no strategy?

By neglecting to refine your marketing approach, you risk falling into the cycle of repeating past mistakes, such as overspending on advertising without yielding desired results. 

Additionally, insufficient time allocated to marketing efforts may lead to addressing the same issues repeatedly, hindering progress and stunting business growth.

Customer journey

Embrace passion-led strategies

Embracing passion-led strategies through Netflare's Project CMO service offers a transformative approach to marketing, providing access to comprehensive training, strategic planning tools, dedicated CMO guidance, SEO optimisation, and transparent accountability. 

With testimonials like Dave Cartwright's from OfficeSTOR highlighting tangible success, and by avoiding the pitfalls of repeating past mistakes, businesses can unlock their full potential for sustained growth and prosperity.

Expected results

Get a FREE taster of what a Project CMO can do for your business

Ask for a FREE introduction to our training workshops and discover how a Project CMO can work with your business. 

This 45 minute call will cover the following areas: 

  • Splitting your marketing activities into customer acquisition and customer nurturing marketing strategies 
  • Add clarity to your objectives by asserting a well defined USP 
  • Generate a business posture by presenting value and results combined with your passion to deliver 
I'm interested in
I am*

Are you too busy to think about marketing?

No time

Are you too busy to think about marketing?

Most B2B companies find they hop between feast and famine. Why?

Mostly because when they're busy, they don't have time to spend on lead generation and marketing campaigns to keep their sales pipeline full.

When sales start to fall, businesses become desperate and find short-term fad strategies that end up failing in the long-term. The trouble is that businesses that fall into this pattern know the solution and yet still fail to resolve it. If you find you're stuck in this repeat loop, you must follow the steps outlined below to break free from the cycle and establish a sustainable marketing strategy that ensures consistent growth and stability for your business.

Ground up passion

Start from the ground up

Identify your strengths and align your business around your passion to deliver value and results.

There will be aspects of your business that seem difficult and other aspects that come naturally to you. By discovering what you really enjoy doing and building on this to nurture your passion, not only will you find business life easier, but you can use this to define your uniqueness. 

The enjoyable aspects of your business will be the part of the business that gives you true satisfaction when it is done well. It will not be so surprising then, that this area of your business will be the most valued by your customers.

Marketing Analysis

Perform a Comprehensive Marketing Analysis

Determine buyer personas, ideal customer profiles, and establish strong customer relationships. 

Understand the benefits your customers seek and tailor your offerings to deliver value and results.

 

Reliance

Focus on Giving, Sharing, and Serving

If you could demonstrate empathy for your customer's pain and provide the solutions to help them, how would that affect your business?

Nurture customer relationships and extend their lifetime value through a focus on giving, sharing, and serving.

Free workshop

Create Irresistible Offers

Enhance lead generation activities by crafting irresistible offers to attract new customers.

Of the normal products and services you would offer a prospect, consider what part or aspect of your offer you could make available for a substantially reduced price, or even free.

 

Autoresponder email

Develop Targeted Campaigns

Design campaigns that target specific segments and attract the right customers for your products and services.

Sales strategies can be tailored to fit your buyer personas and help personalise your communication, making your message better understood.

Nurture your passion

Utilise Up-Selling and Cross-Selling

Increase revenue from long-term customers through up-selling and cross-selling. 

Develop products and services aligned with your passion to deliver results.

Measuring success with business analytics

Constantly Measure and Improve

Establish key performance indicators (KPIs), measure activities, and use data to make informed decisions for continuous improvement.

Your KPIs will be a set of measurements you take on a regular basis in order to track the performance over time.

Chemex logo

From sales and marketing at Chemex:

"By focusing more on developing a better relationship with our existing customers and in turn getting more sales, our lead generation initiatives became easier because the first sale was no longer a battle to squeeze out a profit and yet win the sale."

No strategy

What are the risks of having no strategy?

By putting off developing a long-term marketing approach, you risk continuing the cycle of feast and famine, and begin to feel disillusioned with costly and unsuccessful advertising campaigns. 

Additionally, insufficient time allocated to marketing efforts may lead to addressing the same issues repeatedly, hindering progress and stunting business growth.

Culture

Neglect marketing at your peril

In today's fast-paced business environment, neglecting marketing amidst the chaos of day-to-day operations can lead to detrimental consequences.

From building a solid marketing foundation rooted in passion and value delivery to crafting targeted campaigns and nurturing customer relationships, each step is crucial in establishing a sustainable marketing strategy. 

By prioritizing marketing efforts, businesses can avoid the pitfalls of ad-hoc approaches and instead, foster consistent growth and success.

Netflare has the training workshops to arm you with the knowledge and the tools to achieve this. 

However, if you need any further assistance, Netflare offers Project CMO's that will  provide you with actionable steps to break free from the common challenges faced by businesses stuck in the feast-and-famine cycle.

Expected results

Get a FREE taster of what a Project CMO can do for your business

Ask for a FREE introduction to our training workshops and discover how a Project CMO can work with your business. 

This 45 minute call will cover the following areas: 

  • Splitting your marketing activities into customer acquisition and customer nurturing marketing strategies 
  • Add clarity to your objectives by asserting a well defined USP 
  • Generate a business posture by presenting value and results combined with your passion to deliver 
I'm interested in
I am*

Are you spending too much on ads?

Spending

Are you spending too much on ads?

Here's how to unlock your potential to maximise your marketing ROI and improve sales.

By exploring the concept of modelling your marketing efforts, you'll learn how to predict your ROI accurately. 

With the right tools and strategies, you'll discover how to run multiple campaigns targeting various customer segments at optimised levels, ultimately driving sales to even greater heights.

Buyer personas

Re-evaluate your buyer personas

Accurately identify and understand your different customer segments, ensuring your marketing efforts align with their behaviours and preferences.

Creating detailed personas can help build rapport with potential customers by making the message personalised. The research and preparation of creating a buyer persona will help you understand and address their concerns. Each buyer persona will have different pain points you can address separately.

Website strategy

Enhance your customer engagement

Determine path scenarios through your content to engage and educate your customers. 

By providing impartial and educational content, you will gain trust with your customers.

By providing persuasive offers at opportune moments, you will increase the likelyhood of catching the customer when they're ready to buy.

 

Autoresponder email

Use auto-responders for each customer segment

Align your auto-responder email campaigns with the specific pathways designed for each customer segment, increasing relevance and engagement.

You can explore different styles of auto-responders:

Impartial

Prospect is hunting for information and comparing you with others.

Differentiation

Prospect is comparing products and services.

Persuasive

Prospect is ready to buy.

Google analytics

Audit your digital analytics setup

Check your Google Analytics configuration to ensure it accurately measures the performance of landing pages. 

Use tags and landing pages to optimise the capture of possible events. 

With the right messages, you can track customers in each segment, enabling you to gauge their level of interest and education, ultimately increasing the likelihood of conversion.

Web stats

Enhance the effectiveness of your KPI tracking for each customer segment

Optimise your data collection methods to achieve better informed ROI decisions.

If you have a clear path set for the actions you want your visitors to take, you can either use web analytics to track these specific actions, or you can include tagged pages or landing pages throughout the path your visitors take and then count the number of visits to those pages using your webstats analyser tool.

MeshSTOR logo

According to Meshstor, "Once you identify your customer types, you can target them with the right product and the right offer."

Meshstor utilises Mailchimp email campaigns to effectively connect with their various customer segments.

They further emphasise the value of such campaigns by stating:

"Netflare has helped us turn the whole process of sending emails into a simple weekly event."

This testimonial underscores the importance of targeted email marketing in engaging different customer segments and streamlining the marketing process.

Spiral out of control

An unmanaged budget can quickly spiral out of control

This leads to inefficiencies in your advertising campaigns. 

Without proper oversight, you risk making costly mistakes when attempting to scale up your advertising efforts. 

This can result in missed opportunities, where you may overspend on narrowly targeted customer segments instead of exploring more lucrative buyer personas. 

By neglecting to optimize your ad spend, you limit your potential for growth and profitability, ultimately hindering the success of your marketing endeavors.

Customer journey

Maximise your ROI and start driving business growth

Effectively managing your advertising budget and optimising your marketing efforts are crucial for maximizing ROI and driving business growth. 

Netflare has the training workshops to show you how to refine your buyer personas, improve your KPI tracking and align your auto-responder emails.

With clearly defined customer pathways, optimised landing pages, and analytics to track customer engagement on your website, you'll be able to manage your ad spending much more efficiently. 

By implementing these strategies with Netflare, you can ensure that your marketing resources are allocated efficiently, targeting the right customer segments with the right offers. 

Expected results

Get a FREE taster of what a Project CMO can do for your business

Ask for a FREE introduction to our training workshops and discover how a Project CMO can work with your business. 

This 45 minute call will cover the following areas: 

  • Splitting your marketing activities into customer acquisition and customer nurturing marketing strategies 
  • Add clarity to your objectives by asserting a well defined USP 
  • Generate a business posture by presenting value and results combined with your passion to deliver 
I'm interested in
I am*

Is your product/service aligned with your marketing team?

Misaligned

Are Your Products/Services Aligned with Your Marketing Team?

Are your products and services targeting your ideal customer profile? 

Does your marketing team jump from campaign to campaign without focus? 

With passion-led marketing strategies, you can stay focused on what you're good at and find the right customer that suits you, not the other way around. 

Here are some insights and strategies to ensure your products and services are aligned with your marketing team's efforts, targeting the ideal customer profile effectively.

Nurture your passion

Discover Your Passion

Uncover the driving force behind your business by identifying what you enjoy most, what comes easy to you, and what gives you great satisfaction when done well.

Find out how to build your business around what you are really passionate about.

Give share serve

Enhance Customer Engagement

Review your products and services to explore ways to give, share, and serve more, fostering customer loyalty and encouraging repeat business.

Once you have built up a trusted relationship with your customers, you will experience easy and enjoyable business with them.

Customer segments

Develop Targeted Buyer Personas

Create detailed buyer personas representing various customer types, including your ideal customer profile. 

Analyse their preferences and identify the benefits they seek in your products and services.

Front-end marketing

Craft Irresistible Offers

Create compelling offers tailored to attract your target customers.

Of the normal products and services you would offer a prospect, consider what part or aspect of your offer you could make available for a substantially reduced price, or even free.

Persona driven sales

Strengthen Customer Relationships

Build stronger and more trusted relationships with your existing customers by implementing segmented campaigns for each buyer persona. 

Highlight the benefits that resonate most with each customer segment.

Web stats

Measure KPIs Effectively

Set clear Key Performance Indicators (KPIs) to track your marketing efforts' success. 

Utilise available data to assess whether desired results are achieved and find ways to continually improve and optimise your strategies.

Technical Surfaces logo

Here's what Technical Surfaces say about our workshops

"The marketing workshops helped our team to create great content for the website. With help from Netflare, we shaped our focus on developing trusted relationships with our clients by creating help and support tools to manage repair and maintenance."

Crowd

Misaligned marketing targets the wrong customer type

Winning sales from businesses that don't fit your ideal customer profile risks changing your products and services to meet their needs.

Persisting with poorly targeted marketing risks you becoming disillusioned with poor results.

This can lead to wasted resources, missed opportunities, and a decline in customer satisfaction as you struggle to meet the needs of a mismatched audience.

Preferred customer

Start your marketing journey today

In the journey of aligning your products/services with your marketing team, it's crucial to focus on your passion and strengths while catering to your ideal customer profile. 

By discovering what drives your business and enhancing customer engagement through tailored offers and targeted campaigns, you can foster trusted relationships and drive consistent growth. The testimonial from Technical Surfaces underscores the value of effective marketing workshops in shaping a customer-focused approach. However, failing to align marketing efforts with your ideal customer profile can lead to wasted resources and missed opportunities. Embracing passion-led strategies and consistently measuring KPIs will ensure sustained success and customer satisfaction.

Expected results

Get a FREE taster of what a Project CMO can do for your business

Ask for a FREE introduction to our training workshops and discover how a Project CMO can work with your business. 

This 45 minute call will cover the following areas: 

  • Splitting your marketing activities into customer acquisition and customer nurturing marketing strategies 
  • Add clarity to your objectives by asserting a well defined USP 
  • Generate a business posture by presenting value and results combined with your passion to deliver 
I'm interested in
I am*

SEO modules

Ability to measure

Eight SEO modules to improve the visibility of your website

When writing content, it is all too easy to forget all the SEO activities you need to perform to stay on top the SEO race to the top of Google search listings.

With SEO checklist, this will make sure you have everything to hand, all pages are setup and optimised correctly.

Here's a few things you be checking on your website:

SEO checklist

SEO checklist

Drupal SEO checklist uses best practices to check your website for proper search engine optimisation.

It creates a functional to-do list of modules and tasks that remain to be performed, making regular SEO maintenance hassle-free.

Using hero sections

Aspirational

Using hero sections

A hero section is a responsive snippet of Bootstrap 5.

Is has a headline, a sub-heading, a representative, conception or aspirational image, and call-to-action buttons.

The purpose of the hero section is to highlight your brand or message, get your message across and make the call-to-action as clear as possible.

Here are some examples:

Aspirational

This is a typical hero snippet

It contains a background aspirational image, headline text, subheading text, a link button and a call-to-action button.

Features and benefits

This is another example of a hero
section with centred text

It contains a background conceptual image,
headline text, subheading text,
a link button and a call-to-action button.

Example styling and typography

Bootstrap logo

Example styling and typography

Bootstrap 5 comes with lots of built in styling and javascript functionality that only requires the appropriate class to be added to the html.

Typography

Use these styles within the text editor when adding content.

Header 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vel euismod mauris. Bold Text - Vestibulum rutrum augue mauris, eu lacinia libero volutpat ac. Vivamus maximus quam et libero accumsan ultricies. Sed eget ipsum mauris. Integer id hendrerit tellus, quis venenatis lacus. Fusce vel turpis sit amet quam malesuada consectetur. Nulla maximus porta bibendum. Mauris ut imperdiet ex, vitae aliquam mi. Proin vitae dignissim quam. Italic text - Ut vitae urna egestas, laoreet libero sed, consequat mi. Nunc tincidunt elit elit, eu sodales sapien hendrerit quis. Bold Italic Text - Aenean ut euismod felis, quis placerat arcu. Praesent viverra imperdiet nulla, eu tempor orci malesuada quis. Cras porttitor ante enim, vel ornare neque imperdiet a.

Header 2

Nulla facilisi. Underlined fragment - Nunc aliquam elementum nisl, vel venenatis ante ornare eget. Vivamus pulvinar, ante ut posuere hendrerit, arcu magna maximus leo, vitae blandit nisi tellus ut justo. Ut sit amet ornare tortor, a vestibulum neque. Fusce varius elementum dolor, vitae sagittis neque. In finibus arcu ac justo cursus commodo. Vestibulum est magna, condimentum sit amet purus et, pretium pellentesque elit. Nulla hendrerit enim ut risus euismod aliquam ultricies nec tellus. Morbi non leo id ante viverra eleifend eu non purus. Curabitur hendrerit tortor nec rutrum semper. Striked out fragment - Sed cursus enim eget massa mollis euismod sit amet quis risus. Fusce scelerisque ultricies sapien, vitae laoreet enim egestas eu. Horizontal line:


Nulla facilisi. Underlined fragment - Nunc aliquam elementum nisl, vel venenatis ante ornare eget. Vivamus pulvinar, ante ut posuere hendrerit, arcu magna maximus leo, vitae blandit nisi tellus ut justo.

Header 3

Donec commodo felis lorem, in hendrerit orci superscript ahead - scelerisquesuperscript eget. Sed mattis elit nibh, et posuere mi aliquam nec. Vivamus pellentesque dictum ligula, at imperdiet augue dapibus id. Etiam ligula quam, semper nec turpis eget, tristique imperdiet sapien. Subscript ahead -  pellentesquesubscript porttitor nulla quis felis eleifend, non venenatis erat faucibus. Sed aliquet vitae enim quis aliquet. Suspendisse potenti. Nam justo mi, scelerisque eleifend volutpat quis, fringilla vitae velit. Nulla interdum ornare est, fringilla dapibus lacus sollicitudin vulputate.

Header 4

Align left - Nam nec nunc eu lacus ultricies aliquet ac et dui. Proin ultricies metus ac consectetur faucibus. Phasellus non dictum turpis. Praesent lobortis mattis mauris, eu condimentum ex fermentum vestibulum. Ut a lobortis sem. Aenean vel elementum nibh. Vestibulum et lacus convallis, semper eros eu, eleifend risus. Cras tincidunt vehicula scelerisque.

Align center - Nam nec nunc eu lacus ultricies aliquet ac et dui. Proin ultricies metus ac consectetur faucibus. Phasellus non dictum turpis. Praesent lobortis mattis mauris, eu condimentum ex fermentum vestibulum. Ut a lobortis sem. Aenean vel elementum nibh. Vestibulum et lacus convallis, semper eros eu, eleifend risus. Cras tincidunt vehicula scelerisque.

Align right - Nam nec nunc eu lacus ultricies aliquet ac et dui. Proin ultricies metus ac consectetur faucibus. Phasellus non dictum turpis. Praesent lobortis mattis mauris, eu condimentum ex fermentum vestibulum. Ut a lobortis sem. Aenean vel elementum nibh. Vestibulum et lacus convallis, semper eros eu, eleifend risus. Cras tincidunt vehicula scelerisque.

Justify - Nam nec nunc eu lacus ultricies aliquet ac et dui. Proin ultricies metus ac consectetur faucibus. Phasellus non dictum turpis. Praesent lobortis mattis mauris, eu condimentum ex fermentum vestibulum. Ut a lobortis sem. Aenean vel elementum nibh. Vestibulum et lacus convallis, semper eros eu, eleifend risus. Cras tincidunt vehicula scelerisque.

Header 5 (Hyperlinks and Tables)

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum id tempor lorem. Proin finibus ut urna sed congue. Sed sagittis dolor ac justo aliquam tempus. Proin interdum dignissim posuere. Nullam nisl felis, volutpat in faucibus congue, viverra egestas justo. Morbi non suscipit elit, at vulputate magna. Nunc pharetra metus mauris, ac semper nunc volutpat nec. Sed accumsan sapien dignissim felis fringilla condimentum.

Example table
NameSurnameAge
JohnDoe21
JosephNowak45
Pure Bootstrap table
#Column 1Column 2
1JohnDoe
2JackSmith
3JosephNovak
Header 6 (Lists)

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec ipsum sem, vestibulum vel pretium ut, fringilla eget sapien. Cras eu nulla in eros scelerisque pretium sagittis a ex. Duis rhoncus sollicitudin orci et tempus. Aliquam erat volutpat. Etiam maximus odio id odio gravida maximus:

  • Aenean gravida vestibulum condimentum.
  • Quisque eget eros ut arcu tincidunt pharetra.
  • Nulla laoreet, nulla vel convallis commodo, massa mi cursus ipsum, et consectetur odio risus non magna. Morbi sit amet augue a nisl hendrerit rhoncus. Praesent sagittis erat et tristique iaculis.
  • Sed viverra pulvinar justo, eget ullamcorper elit scelerisque quis. Pellentesque id lectus sollicitudin, interdum augue nec, ullamcorper enim. Quisque et laoreet lorem, vitae tristique leo.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec ipsum sem, vestibulum vel pretium ut, fringilla eget sapien. Cras eu nulla in eros scelerisque pretium sagittis a ex. Duis rhoncus sollicitudin orci et tempus. Aliquam erat volutpat. Etiam maximus odio id odio gravida maximus:

  1. Aenean gravida vestibulum condimentum. Quisque eget eros ut arcu tincidunt pharetra.
  2. Nulla laoreet, nulla vel convallis commodo, massa mi cursus ipsum, et consectetur odio risus non magna.
  3. Morbi sit amet augue a nisl hendrerit rhoncus.
  4. Praesent sagittis erat et tristique iaculis. Sed viverra pulvinar justo, eget ullamcorper elit scelerisque quis. Pellentesque id lectus sollicitudin, interdum augue nec, ullamcorper enim. Quisque et laoreet lorem, vitae tristique leo.

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

Normal text. Sed suscipit tellus leo. Maecenas facilisis erat non ex rhoncus, eget suscipit est suscipit. Aliquam lobortis, eros vel tristique malesuada, felis lorem lacinia nisl, et laoreet nunc magna eget eros. Nam non tellus eu odio facilisis semper a vitae elit.

Preformatted Text - Nunc sed orci justo. Duis posuere faucibus ipsum, et semper eros pharetra nec. Aenean ac scelerisque orci, ac lobortis orci. Suspendisse facilisis dui ut lectus faucibus, at vestibulum ligula viverra. In pharetra in mauris sit amet suscipit. Nam consequat nunc sed lacus cursus tincidunt. Nullam velit est, laoreet sed turpis vestibulum, rhoncus porta dui. Morbi vel lorem vitae enim blandit fringilla.

Normal text. Nam maximus hendrerit accumsan. Maecenas accumsan maximus condimentum. Suspendisse sit amet mauris massa. Curabitur vehicula dictum tincidunt. Duis sed tellus ac ipsum placerat vestibulum quis vel nunc.

Quote - Maecenas lobortis nulla diam, sed mollis velit maximus eu. Aenean vitae lobortis eros. Donec et convallis magna. Fusce dui sapien, accumsan sit amet lobortis quis, fermentum ut erat. Duis magna orci, convallis sed placerat vitae, efficitur at mi. Morbi venenatis consequat convallis. Phasellus dignissim, elit ac condimentum scelerisque, elit massa efficitur odio, ut congue nisi arcu id ex. Vestibulum id felis tempor, elementum orci sit amet, condimentum leo. Suspendisse sit amet lectus semper.

Normal text. Maecenas lobortis nulla diam, sed mollis velit maximus eu. Aenean vitae lobortis eros. Donec et convallis magna. Fusce dui sapien, accumsan sit amet lobortis quis, fermentum ut erat. Duis magna orci, convallis sed placerat vitae, efficitur at mi.

Bootstrap 5 components

Although most components are built-in, you may need to add the necessary html and css to get it just how you want it.

Alerts

Badges

Heading 1 Primary

Heading 2 Secondary

Heading 3 Success

Heading 4 Danger

Heading 5 Warning
Heading 6 Info

Paragraph Primary Secondary Success Danger Warning Info

Alternate pill-style Primary Secondary Success Danger Warning Info

Breadcrumb

Buttons

Cards

Card Header

Another Title

With supporting text below as a natural lead-in to additional content.

Go somewhere

Accordions

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et nisi massa. Nullam pellentesque, quam non imperdiet lobortis, nunc nunc hendrerit massa, malesuada faucibus dui ipsum feugiat lectus. Suspendisse potenti. Cras cursus eu velit vitae ultrices. Aliquam porttitor erat non quam finibus tempus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et nisi massa. Nullam pellentesque, quam non imperdiet lobortis, nunc nunc hendrerit massa, malesuada faucibus dui ipsum feugiat lectus. Suspendisse potenti. Cras cursus eu velit vitae ultrices. Aliquam porttitor erat non quam finibus tempus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et nisi massa. Nullam pellentesque, quam non imperdiet lobortis, nunc nunc hendrerit massa, malesuada faucibus dui ipsum feugiat lectus. Suspendisse potenti. Cras cursus eu velit vitae ultrices. Aliquam porttitor erat non quam finibus tempus.

Dropdown menu

Jumbotron

Hello, world!

Curabitur eget tellus accumsan, elementum diam non, suscipit nisi. Etiam aliquet mattis facilisis. Donec id turpis neque.


Etiam viverra quam at arcu fermentum, in ultricies leo pulvinar. Phasellus dignissim tortor non leo tempor, id consequat enim consectetur.

List group

  • Cras justo odio 14
  • Dapibus ac facilisis in 2
  • Morbi leo risus 1

Another list group

Modal

Tabs

Pagination

Popover

Progress bars

 
 
 

Tooltips