AcctoFi Style Guide
Text Styles:
HERO: Open Sans Bold / -2% Kerning
From Accounting to Finance
use class="fs-hero"
use element <h1>
, or use class="h1" or "fs-1"
use element <h2>
, or use class="h2" or "fs-2"
use element <h3>
, or use class="h3" or "fs-3"
use element <h4>
, or use class="h4" or "fs-4"
use element <h5>
, or use class="h5" or "fs-5"
Body/Strong: Open Sans Regular/Bold / 18PX
Lorem ipsum dolor sit amet consectetur. Diam convallis imperdiet tincidunt nam et. Sem nisi adipiscing amet interdum nisi. Viverra cursus metus elementum posuere. At netus enim morbi nam. Lorem ullamcorper congue sociis leo etiam suspendisse dapibus neque. Tortor eget dui in lobortis tellus.
Lorem ipsum dolor sit amet consectetur. Diam convallis imperdiet tincidunt nam et. Sem nisi adipiscing amet interdum nisi. Viverra cursus metus elementum posuere. At netus enim morbi nam. Lorem ullamcorper congue sociis leo etiam suspendisse dapibus neque. Tortor eget dui in lobortis tellus.
Color Styles:
primary
secondary
accent
muted
muted-alt
dividers
dark
Background color
You can use background utility classes to apply background colors to elements.
Use .bg-*
and then append any color name above.
Text color
Note that these background classes don’t change the text color, so you may also need to apply a .text-*
class to ensure good contrast and readability.
class value: btn btn-primary
Button Primaryclass value: btn btn-secondary
Button Secondaryclass value: btn btn-accent
Button AccentSpacing & Layout:
Spacing Utilities
Use .m-*
/ .p-*
for margin and padding in Bootstrap (0-5, auto).
.p-3
.p-5
.mb-3
(margin bottom).mt-5
(margin top)Grid System
Each row in Bootstrap's grid system is divided into 12 equal columns. You can combine columns in various ways to control the layout of your content. The column classes (e.g., col-4
) specify how many of the 12 columns an element should span. These widths are based on percentages, ensuring consistent relative sizing across different screen sizes.
.col-4
.col-4
.col-4
.col-md-6
.col-md-6
Flex Utilities
Use .d-flex
and related classes for flexbox layouts.
Position Utilities
Use .position-relative
and .position-absolute
for layout control.
position-relative
Relative Box.position-absolute
Display Utilities
Control element visibility with display classes.
.d-block
(Visible).d-none
(Hidden)Become a TXCPA Member
Join TXCPA today and be part of a powerful network advancing the accounting and finance profession in Texas.
Member BenefitsSupport the Next Generation
Support the Next Generation! Donate to TXCPA scholarships and help aspiring CPAs achieve their goals.
DonateInspire Future CPAs
Share your story and inspire the next generation of accounting and finance professionals!
VolunteerLearn and Grow with AcctoFi
Born from the intersection of accounting and finance, Acctofi supports your growth across the full arc of your career — from fundamentals to forward-thinking strategy.
Start NowFor Students
Start building your future in accounting with a TXCPA Student Membership—your gateway to resources, insights and real-world connections. Want to take it a step further? Serve as a TXCPA Ambassador on your campus and become a voice for the profession while expanding your network.
View Student ResourcesTalent Pipeline
Step beyond the classroom and into the profession. AcctoFi pairs students with experienced mentors, to give a firsthand look at what it’s really like to work in accounting and finance. Explore career paths, gain practical insights and build relationships that can shape your future.
More About the Initiativeno background image, no video embed
no background image, no video embed
Become a TXCPA Member
Join TXCPA today and be part of a powerful network advancing the accounting and finance profession in Texas.
Member BenefitsSupport the Next Generation
Support the Next Generation! Donate to TXCPA scholarships and help aspiring CPAs achieve their goals.
DonateInspire Future CPAs
Share your story and inspire the next generation of accounting and finance professionals!
VolunteerLearn and Grow with AcctoFi
Born from the intersection of accounting and finance, Acctofi supports your growth across the full arc of your career — from fundamentals to forward-thinking strategy.
Start NowFor Students
Start building your future in accounting with a TXCPA Student Membership—your gateway to resources, insights and real-world connections. Want to take it a step further? Serve as a TXCPA Ambassador on your campus and become a voice for the profession while expanding your network.
View Student ResourcesTalent Pipeline
Step beyond the classroom and into the profession. AcctoFi pairs students with experienced mentors, to give a firsthand look at what it’s really like to work in accounting and finance. Explore career paths, gain practical insights and build relationships that can shape your future.
More About the InitiativeJodi Ann Ray brings more than two decades of leadership in association management to her role as President & CEO of the Texas Society of CPAs. Since 2017, she has led TXCPA with a focus on advocacy, member engagement and advancing the accounting profession across the state.
Before joining TXCPA, Jodi Ann served as Vice President of Membership and Volunteer Experience at Meeting Professionals International, overseeing governance, board operations and member engagement. She also held CEO roles at several chambers of commerce in Connecticut, North Carolina, and Texas, where she focused on economic and community development, government affairs and member services.
A graduate of Fairfield University and a Certified Association Executive (CAE), Jodi Ann is an active member of ASAE, past chair of both the CPA Society of Executives Association and the Texas Society of Association Executives. She lives in Celina, Texas, with her husband Joey, their five children and three mini dachshunds.
Jodi Ann Ray brings more than two decades of leadership in association management to her role as President & CEO of the Texas Society of CPAs. Since 2017, she has led TXCPA with a focus on advocacy, member engagement and advancing the accounting profession across the state.
Before joining TXCPA, Jodi Ann served as Vice President of Membership and Volunteer Experience at Meeting Professionals International, overseeing governance, board operations and member engagement. She also held CEO roles at several chambers of commerce in Connecticut, North Carolina, and Texas, where she focused on economic and community development, government affairs and member services.
A graduate of Fairfield University and a Certified Association Executive (CAE), Jodi Ann is an active member of ASAE, past chair of both the CPA Society of Executives Association and the Texas Society of Association Executives. She lives in Celina, Texas, with her husband Joey, their five children and three mini dachshunds.
Executive Director
Jodi Ann Ray, CAE, has led TXCPA as President & CEO since 2017, bringing 24+ years of association leadership. A former MPI VP and chamber CEO, she’s a recognized leader in governance, member experience and advocacy.
Jodi Ann Ray brings more than two decades of leadership in association management to her role as President & CEO of the Texas Society of CPAs. Since 2017, she has led TXCPA with a focus on advocacy, member engagement and advancing the accounting profession across the state.
Before joining TXCPA, Jodi Ann served as Vice President of Membership and Volunteer Experience at Meeting Professionals International, overseeing governance, board operations and member engagement. She also held CEO roles at several chambers of commerce in Connecticut, North Carolina, and Texas, where she focused on economic and community development, government affairs and member services.
A graduate of Fairfield University and a Certified Association Executive (CAE), Jodi Ann is an active member of ASAE, past chair of both the CPA Society of Executives Association and the Texas Society of Association Executives. She lives in Celina, Texas, with her husband Joey, their five children and three mini dachshunds.
Excellent opportunity to connect with other accounting educators and learn new teaching techniques!
— Derrick Bonyuet, PhD, CFA, CFP, CPA