AcctoFi Style Guide

Text Styles:

HERO: Open Sans Bold / -2% Kerning
From Accounting to Finance

use class="fs-hero"


H1: Open Sans Bold / -2% Kerning
From Accounting to Finance

use element <h1> , or use class="h1" or "fs-1"


H2: Open Sans Bold / -2% Kerning
From Accounting to Finance

use element <h2>, or use class="h2" or "fs-2"


H3: Open Sans Bold / -1% Kerning
From Accounting to Finance

use element <h3>, or use class="h3" or "fs-3"


H4: Open Sans Bold
From Accounting to Finance

use element <h4>, or use class="h4" or "fs-4"


H5: Open Sans Bold
From Accounting to Finance

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

#008294

secondary

#004658

accent

#C85113

muted

#EDEDE9

muted-alt

#E2E5EA

dividers

#DBDBD3

dark

#333333

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.

BUTTON STYLES:

class value: btn btn-primary

Button Primary

class value: btn btn-secondary

Button Secondary

class value: btn btn-accent

Button Accent

Spacing & 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.

Item 1
Item 2
Item 3
Centered

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)

Calls To Action

Widget Template - List - Row - Img with Title,Desc,Button

Become a TXCPA Member

Join TXCPA today and be part of a powerful network advancing the accounting and finance profession in Texas.

Member Benefits

Support the Next Generation

Support the Next Generation! Donate to TXCPA scholarships and help aspiring CPAs achieve their goals.

Donate

Inspire Future CPAs

Share your story and inspire the next generation of accounting and finance professionals!

Volunteer
Smiling woman leaning back at her desk in a casual, creative workspace

Learn 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 Now

For 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 Resources

Talent 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 Initiative

Widget Template - Detail - Vertical for sidebars

Widget Template - List - Vertical for sidebars

Widget Template - Detail - Swimlane with background

Widget Template - Detail - Swimlane with background

no background image, no video embed

Widget Template - Detail - Swimlane with background

no background image, no video embed

Widget Template - List - Alternating swimlanes with background

Become a TXCPA Member

Join TXCPA today and be part of a powerful network advancing the accounting and finance profession in Texas.

Member Benefits

Support the Next Generation

Support the Next Generation! Donate to TXCPA scholarships and help aspiring CPAs achieve their goals.

Donate

Inspire Future CPAs

Share your story and inspire the next generation of accounting and finance professionals!

Volunteer

Learn 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 Now
Smiling woman leaning back at her desk in a casual, creative workspace

For 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 Resources

Talent 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 Initiative

People Widgets

Widget Template - List - Vertical w desc job title and org

Robert Gray

Aug 20, 2025, 13:32
Title : Robert Gray
Last name : Gray
First name : Robert
Job title : Member & Principal
Organization : Gray Schrupp & Associates PLLC
Department :
Committee position :
Robert Gray
Member & Principal | Gray Schrupp & Associates PLLC
Licensed in: 1978
Attended: Southern Illinois University - Edwardsville, IL

What CPA stereotype do you embody?
I can talk about a 40 plus year career as a Forensic Accounting, Litigation, and Business Valuation specialist.

What CPA stereotype do you defy?
CPAs are not "Norm" from Cheers. We are problem solvers.

Why did you choose to become a CPA?
Some of the best CPAs who specialize in forensic accounting, litigation, and business valuations are the CPAs who have personality!

What's Your CPA "superpower"?
I wanted to help and advise entrepreneurs and business owners.

What's something that you've done that has nothing to do with accounting but you're really proud of?
I was able to be the local Chair and be on-stage for the Jerry Lewis Telethon in Omaha, NE and Louisville, KY and display how our firm and other businesses provide aid and support to those suffering from MD.

What advice would you give to your younger self before taking the CPA exam?
Write down your objectives (why you want to get the CPA) and strategies (steps - when do you want to get the CPA and how you are going to hold yourself accountable for achieving it). Talk to recent folks who passed and ask them for advice - distill their answers and fit it to your personality and commitment.

Finish this sentence: "You know you're a CPA when ..."
Even after you pass the CPA and get your certificate - you need to consider that is the ticket to the dance. No one will dance with you until you go through some real world experience of practicing. The experience is like an MBA (but you get paid for it). Embrace the good and bad and commit yourself to adopting the good and do your best to eliminate the bad experiences. As you progress - you will know you are a CPA when management and/or clients start calling you for assistance. Embrace it and progress. It is a great career! You might work with famous business leaders. entertainers, presidents and other politicians, etc. if you are lucky like myself. We (all CPAs) wish you the best in your career.

Widget Template - List - Carousel with job title and org

Robert Gray

Aug 20, 2025, 13:32
Title : Robert Gray
Last name : Gray
First name : Robert
Job title : Member & Principal
Organization : Gray Schrupp & Associates PLLC
Department :
Committee position :
Robert Gray
Member & Principal | Gray Schrupp & Associates PLLC
Licensed in: 1978
Attended: Southern Illinois University - Edwardsville, IL

What CPA stereotype do you embody?
I can talk about a 40 plus year career as a Forensic Accounting, Litigation, and Business Valuation specialist.

What CPA stereotype do you defy?
CPAs are not "Norm" from Cheers. We are problem solvers.

Why did you choose to become a CPA?
Some of the best CPAs who specialize in forensic accounting, litigation, and business valuations are the CPAs who have personality!

What's Your CPA "superpower"?
I wanted to help and advise entrepreneurs and business owners.

What's something that you've done that has nothing to do with accounting but you're really proud of?
I was able to be the local Chair and be on-stage for the Jerry Lewis Telethon in Omaha, NE and Louisville, KY and display how our firm and other businesses provide aid and support to those suffering from MD.

What advice would you give to your younger self before taking the CPA exam?
Write down your objectives (why you want to get the CPA) and strategies (steps - when do you want to get the CPA and how you are going to hold yourself accountable for achieving it). Talk to recent folks who passed and ask them for advice - distill their answers and fit it to your personality and commitment.

Finish this sentence: "You know you're a CPA when ..."
Even after you pass the CPA and get your certificate - you need to consider that is the ticket to the dance. No one will dance with you until you go through some real world experience of practicing. The experience is like an MBA (but you get paid for it). Embrace the good and bad and commit yourself to adopting the good and do your best to eliminate the bad experiences. As you progress - you will know you are a CPA when management and/or clients start calling you for assistance. Embrace it and progress. It is a great career! You might work with famous business leaders. entertainers, presidents and other politicians, etc. if you are lucky like myself. We (all CPAs) wish you the best in your career.

Widget Template - Detail - Person Bio

Widget Template - List - Meet the Cpas

Robert Gray

Member & Principal

Meet Robert Gray, Member and Principal for Gray Schrupp & Associates.

Robert Gray
Member & Principal | Gray Schrupp & Associates PLLC
Licensed in: 1978
Attended: Southern Illinois University - Edwardsville, IL

What CPA stereotype do you embody?
I can talk about a 40 plus year career as a Forensic Accounting, Litigation, and Business Valuation specialist.

What CPA stereotype do you defy?
CPAs are not "Norm" from Cheers. We are problem solvers.

Why did you choose to become a CPA?
Some of the best CPAs who specialize in forensic accounting, litigation, and business valuations are the CPAs who have personality!

What's Your CPA "superpower"?
I wanted to help and advise entrepreneurs and business owners.

What's something that you've done that has nothing to do with accounting but you're really proud of?
I was able to be the local Chair and be on-stage for the Jerry Lewis Telethon in Omaha, NE and Louisville, KY and display how our firm and other businesses provide aid and support to those suffering from MD.

What advice would you give to your younger self before taking the CPA exam?
Write down your objectives (why you want to get the CPA) and strategies (steps - when do you want to get the CPA and how you are going to hold yourself accountable for achieving it). Talk to recent folks who passed and ask them for advice - distill their answers and fit it to your personality and commitment.

Finish this sentence: "You know you're a CPA when ..."
Even after you pass the CPA and get your certificate - you need to consider that is the ticket to the dance. No one will dance with you until you go through some real world experience of practicing. The experience is like an MBA (but you get paid for it). Embrace the good and bad and commit yourself to adopting the good and do your best to eliminate the bad experiences. As you progress - you will know you are a CPA when management and/or clients start calling you for assistance. Embrace it and progress. It is a great career! You might work with famous business leaders. entertainers, presidents and other politicians, etc. if you are lucky like myself. We (all CPAs) wish you the best in your career.

Testimonial Widgets

Widget Template - List - Testimonials random selection

This is a wonderful conference. I’ve been attending for many years and always walk away with new insights and ideas for the classroom all while enjoying great networking with colleagues. Join us in Austin this year!

Kimberly Webb

— Kimberly Webb