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.

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

Support the Next Generation

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

Donate

Widget Template - Detail - Vertical for sidebars

Widget Template - List - Vertical for sidebars

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

Support the Next Generation

Jun 9, 2025, 22:11

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

Title : Support the Next Generation

People Widgets

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

Gary McIntosh, CPA, CFF
Chair of the Board

Gary McIntosh, CPA, CFF, brings 50+ years of public accounting experience to AcctoFi, with expertise in estate planning, M&A, and litigation support. A past TXCPA chair and AICPA board member, he’s also a dedicated educator, speaker, and community leader.
Jodi Ann Ray, CAE
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.
Lucas LaChance, CPA, CIA
Treasurer

Lucas, a partner in Miller Kaplan’s Dallas office, delivers two decades of audit and risk expertise in nonprofit, construction, and arts sectors. A former TXCPA Rising Star and marketing award winner, he balances strategy, community, and a love for jazz.
Michael Brown, CPA, ABV, CFF
Board Member

Michael leads JRBT’s Forensic & Valuation Services. A Baylor grad and Texas CPA, he was TSCPA’s 2013 Young CPA of the Year. Michael excels in valuations, litigation support, and serves on key AICPA/TSCPA boards with strong community roots.
Blake Rodgers, CPA
Board Member

Blake Rodgers, Deloitte Audit & Assurance Partner, brings 19+ years of experience in government and public sector audits. He leads crucial engagements and ensures transparent, compliant reporting—reflecting AcctoFi’s core values of trust and precision.
Tram Le, CPA, JD, LLM
Board Member

Tram is a SALT expert and partner at TaxOps. She advises on multistate tax strategy, teaches at UT Arlington, and writes for Tax Notes. A TXCPA leader, she brings deep government audit, policy, and education experience to every engagement.
Tracie Miller, Ph.D., CPA
Secretary

Dr. Tracie Miller, PhD, CPA, is an educator, author, and leader shaping the future of accounting. With experience at Deloitte and top universities, she brings academic depth, industry insight and a passion for innovation to every learning experience.
Mark Lee, J.S., CPA, CGMA
Vice Chair

Mark D. Lee, JD, CPA, is former Deputy General Counsel at AIG Life & Retirement and a past chair of TXCPA. With deep expertise in tax law and accounting, Mark brings legal insight and leadership to the profession. He holds a JD and a BBA in Accounting.
Brandon Howard, CPA
Board Member

Brandon is a San Antonio‐based small‑business CPA and adjunct instructor. He earned his MS from UTSA, began at ATKG, served as Assistant Controller at MOOD Texas, and now runs BLH Accounting—where he combines tax strategy, teaching and community focus.