One Gen Church · Brand System v1
Everything on this page is approved. The colors, the type, the logos, and the way we treat photography. If you are making something for One Gen, pull from here so it looks like us every single time.
Two approved marks. The full wordmark with the roof and cross is primary and leads on anything official. The OG monogram is secondary and works where the space is small or square, like a profile picture or an app icon.
Both marks keep their own colors. The wordmark stays slate and sage. The monogram keeps its gradient. Do not recolor either one purple to match the rest of the system. Purple is the campaign color, the logo is the logo.
Cream leads. Ink purple holds the page up and carries body text. Royal purple is the loudest voice and gets used once per screen, on the thing you want clicked. Lavender is a surface only, never put body text on it.
Two typefaces, ever. Anton for display, set in all capitals and packed tight. Helvetica Neue, or Inter on the web, for everything you actually read. Never set body copy in Anton and never set a headline in the UI face.
Buttons change color on hover, never size. Every corner, gap, and pad comes off the 8px grid.
Every Sunday at 9:00 AM CST. Doors open early, coffee is on us.
Every dollar stays in this community and goes back into the work.
Can't make it in person? The stream starts fifteen minutes early.
Full color is the standard. Pastor Hale is shot straight on, cut out clean on a transparent background, with natural skin tones and no heavy filter. Drop him onto One Gen Purple and set his name underneath. Faces stay fully visible and are never covered by type.
The standard social card. Square at 1080 x 1080, One Gen Purple background, cutout bleeding off the bottom edge, his name in wide letterspaced capitals, then the social icons, then the church name. Use these as they are. Do not re-crop them or change the type.
Copy these exactly. Same wording on every flyer, post, and page so the church reads as one voice.
Paste this into any stylesheet and the whole system comes with it.
:root{
--cream: #FBEFE3; /* default background */
--ink: #381255; /* body text, structure */
--royal: #5B1CA7; /* primary action, once per screen */
--mid: #512A75; /* secondary text */
--lavender: #CDA2D7; /* surface only, never text */
--lavender-tint:#EFE2F3; /* soft panels, borders */
--s1:4px; --s2:8px; --s3:16px; --s4:24px;
--s5:40px; --s6:64px; --s7:96px;
--radius:14px;
--radius-pill:999px;
--hairline:rgba(56,18,85,.10);
--shadow:0 1px 2px rgba(56,18,85,.04);
--display:'Anton', Impact, sans-serif;
--ui:'Inter', 'Helvetica Neue', Arial, sans-serif;
}