The bundle keeps the build brief and style notes together.
Inspired by Ondo
Ondo & Coats
An institutional editorial kit translated into Ondo & Coats, built around large serif/numeral typography, white and black media sections, navy/green trust cues, and article-like product proof rather than app dashboards.
lighteditorialinstitutionalluxurylanding-pageanalytics
Implementation bundle
Copy one clean packet, or just the pieces you need.
Copy the full bundle when you want an agent to build in this style. Use the individual files when you only need tokens, CSS, Tailwind, or component prompts.
Use CSS variables, Tailwind values, and JSON tokens when you need exact values.
Component prompts describe reusable patterns. Keep weak areas marked limited or unavailable.
# Ondo & Coats Implementation Bundle Use this as the build brief for an AI coding agent. The base remix prompt tells the agent what to make; the style kit adds evidence, component behavior, and known limits. ## Base Remix Prompt Build an interface using the Ondo-inspired Ondo & Coats style kit. An institutional editorial kit translated into Ondo & Coats, built around large serif/numeral typography, white and black media sections, navy/green trust cues, and article-like product proof rather than app dashboards. Primary silhouette: Use a refined institutional pet-finance editorial page: large serif-like numerals, confident white space, black feature bands, navy/green trust cues, and news/product proof modules. Avoid app-console dashboards unless another selected kit supplies them. Composition: Build long editorial sections: full-bleed or flush media, alternating white and charcoal bands, large metric typography, compact CTA rows, and article/product proof. Above the fold: Use a cinematic media-led hero with a restrained nav, oversized institutional headline for premium pet-care reserves, one primary CTA, and supporting trust metric. Core components: - Article and proof modules: Use cards as editorial article tiles or proof modules with sharp imagery, small labels, and restrained borders, not rounded dashboard widgets. - Conservative intake only: Use at most a simple waitlist or eligibility intake with sober fields; avoid swap-like tickets for this kit. - Headline metrics: Represent data as big typographic figures and small proof captions; avoid detailed charts unless paired with another kit. - Trust seals: Use compact institutional badges for verified reserve, regulated partner, and audit-ready states in navy/green/gray. Image direction: Use original premium pet-care media: clean studio scenes, abstract bond-like ribbons, framed coat-care moments, no logos, no readable text, no copied source imagery. Do not use source logos, trademarks, proprietary assets, readable source text, or copied screenshots. Stay evidence-backed; if evidence is limited, keep the treatment directional and conservative. ## Agent Kit # Ondo Pet Shop Agent Kit An institutional editorial kit translated into Ondo & Coats, built around large serif/numeral typography, white and black media sections, navy/green trust cues, and article-like product proof rather than app dashboards. ## Evidence-Backed Silhouette ### Institutional editorial system Evidence: Evidence shows Gellix/OndoSans/Arizona families, very large 150px/96px type, white/black/gray backgrounds, navy/green accents, video media, multiple media-led sections, and dense navigation links. Prompt guidance: Use a refined institutional pet-finance editorial page: large serif-like numerals, confident white space, black feature bands, navy/green trust cues, and news/product proof modules. Avoid app-console dashboards unless another selected kit supplies them. ### Media-led editorial sections Evidence: Evidence records split-text-media and media-led sections, video above-fold media, 0px large media radius, and 8/12/16/24px radii elsewhere. Prompt guidance: Build long editorial sections: full-bleed or flush media, alternating white and charcoal bands, large metric typography, compact CTA rows, and article/product proof. ### Cinematic institutional hero Evidence: Hero evidence uses a wide video/media area and very large display scale, though extracted heading is metric/news content. Prompt guidance: Use a cinematic media-led hero with a restrained nav, oversized institutional headline for premium pet-care reserves, one primary CTA, and supporting trust metric. ### Article and proof modules Evidence: Card-like evidence is partial; media-led article sections and link groups are stronger. Prompt guidance: Use cards as editorial article tiles or proof modules with sharp imagery, small labels, and restrained borders, not rounded dashboard widgets. ### Conservative intake only Evidence: No complete form system is captured; DeFi form need is directional. Prompt guidance: Use at most a simple waitlist or eligibility intake with sober fields; avoid swap-like tickets for this kit. ### Headline metrics Evidence: Chart/metric count exists, and large metric text is visible in evidence. Prompt guidance: Represent data as big typographic figures and small proof captions; avoid detailed charts unless paired with another kit. ### Trust seals Evidence: Risk/trust cues are directional and palette evidence supports navy/green. Prompt guidance: Use compact institutional badges for verified reserve, regulated partner, and audit-ready states in navy/green/gray. ### Clean institutional media Evidence: Palette evidence is white, black, gray, navy, green, and pale blue/green. Prompt guidance: Use original premium pet-care media: clean studio scenes, abstract bond-like ribbons, framed coat-care moments, no logos, no readable text, no copied source imagery. ## Image Direction Use original premium pet-care media: clean studio scenes, abstract bond-like ribbons, framed coat-care moments, no logos, no readable text, no copied source imagery. Do not use source logos, trademarks, proprietary assets, or raw source screenshots. Concrete visual decisions must remain tied to the cleaned kit evidence and copied artifacts.