GUIDE
SETUP
Every text is a Framer text layer: double-click and type. Pages: Home, Conditions, First visit, Pricing, Team, Contact, plus Privacy, Terms and 404.
The nav and footer are plain layers on each page, so a link change is repeated per page. Footer / Links is the phone navigation: keep it complete.
Select Pain Map on Home or on Conditions. The properties panel lists the seven spots, each with the condition, what it feels like, what you do, the typical plan and the cost, plus colours, fonts, the button link and the base path of the detail pages.
The map text and the CMS are separate on purpose (the map answers in one line, the page in three sections): update both when a condition changes.
Hero / Scene is a code component (three.js). Controls: line and accent colours, opacity, drift, pointer tilt and a horizontal offset. It straightens once on the first scroll or pointer move, loads after the page is interactive and stays off when the visitor asks for reduced motion.
Remove the layer on any page where you want a plain hero; Privacy and Terms ship without it.
CMS > Conditions holds seven items: Name, Area, Feel, Care, Plan, Price and a rich text Body with three headings. Add an item and it gets a card on /conditions and its own page at /conditions/your-slug.
CMS > Articles is the journal: Title, Topic, Author, Summary, Date, Read time, Cover (3:2 photo) and a rich text Body. Add an article and it appears on /journal, newest first by the order in the CMS, with its own page at /journal/your-slug.
Heading styles inside Body come from RA/Body Heading and RA/Display; paragraphs from RA/Body.
The request form on Contact posts to Framer Forms. Open Site Settings > Forms and add the email that should get each request; submissions are also listed there.
The options of Where it hurts live on the select layer; the button is the Form / Submit component, with Pending and Success variants you can reword.
Text styles live under RA/: Display, Heading 2, Heading 3, Body, Lead, Label, Nav, Button, Small and their Light versions for the dark sections. Change a style once and every page follows. Fonts are Familjen Grotesk (display) and Instrument Sans (text).
Colours are set per layer: background #F3F1EC, cards #FFFFFF, text #14130F, soft text #5A5650, lines #DDD8CF, accent #E0533D. Select a layer with the colour and use Select all with same fill to change them together.
Replace the Privacy and Terms placeholders, the address, hours and phone in the footer and on Contact, and the prices on Pricing and in the map.
Set a title and description per page in Page settings, connect your domain, test the form once on the live site and delete this Guide page.
Book online in two minutes. Same-week appointments, most insurance accepted, no referral needed.
Realign Chiropractic, 1204 S Lamar Blvd, Austin, TX
Mon to Sat, 7am to 7pm
Template by Design Master