Brainwave serves as a streamlined design framework aimed at enhancing website development for optimal performance and user experience.
By offering a cohesive framework of tools, guidelines, and resources, Brainwave significantly streamlines the development process while ensuring top-notch quality, user engagement, and seamless functionality.
This is also just a test of Eric playing with the new design system.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Block quote
Bold text
Emphasis
Superscript
Subscript
Click on a color to see information in the style panel
These help with layout and style
A Div block is the most basic and versatile element used when building a website. Buttons, Containers, and Sections are all Div blocks with certain extra properties. For each Talkiatry page, the order goes from Body-page > Section > Container > Div > into more Divs or Quick Stacks. Both Divs and Quick Stacks are elements that hold pieces of content together, allowing us to adjust layout styles without affecting the content it holds.
The Quick Stack element provides structure for simple to complex, responsive designs. It uses the grid display property and includes cells made of divs, which are set to flex by default. The element includes 8 presets, which allow you to place content in different arrangements. There are several classes for Divs and one class for Quick Stacks. See "Classes" for more information.
Titles and descriptions
Components (formerly called, "symbols") are ready-to-use global elements that can be added to any page. When edits are made to a component, it changes on every page that contains it; therefore, if a component is used--which is not meant to be a global element--then right click on the component and select "unlink" before editing, which will unlink it from global features (keeping the component as is within the components library or any other page, but allowing it to be free to edit on the current page you are working on).
Card 1-1c
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Button (default)Card 1-2c
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Button (default)Card 1-2c image
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Button (default)Card 1-3c
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Card 2-1c
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Button (default)Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Button (default)Card 2-1c image
Card 3-1c
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Button (default)Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Button (default)Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Button (default)