defuss-shadcn / Website / website-company
Company
Blocks for the pages about the organization itself: who you are, the team, open roles and applications, services and how you work, use cases and case studies, portfolio projects, history, integrations, comparisons, credentials and press. Every block is CSS-only and built from the library's components and tokens.
On this page (3)
§The template
The Company blocks composed into one page - the source is the page.
§An about page
About Intro, the process (Process Steps across), the team (Team Members), history (Timeline Items), credentials, open roles (Job Items) and press - only Company blocks and layout utilities.
§The blocks
About Intro
Introduces an organization's identity, purpose, and background - a split intro with photos and key facts, a centered mission statement, or the values behind it.
Team Member
Presents one person with a portrait, role, and biography - a portrait card whose links slide in on hover, a profile beside its bio, or a compact row for long lists.
Job Item
Previews one vacancy with its role, location, and employment type - as a list row or a card, grouped by department.
Job Details
Describes one position's responsibilities, requirements, and benefits - with a summary that stays in view and the apply action.
Application Form
Collects candidate details and application documents - grouped fields, a résumé drop zone, links and consent, validated by the browser.
Service Item
Introduces one service with its description and detail link - as a card with an icon, a card with a picture, or an inline row.
Process Step
Explains one numbered stage of a workflow - steps joined by a line, vertical or across, with the current one highlighted.
Use Case
Explains how an offering addresses one specific situation - the situation, how it helps, the outcomes, and a result worth remembering.
Case Preview
Summarizes one case study and links to its full account - the client, the headline result and a picture, as a card or a wide row.
Case Study
Describes a project's problem, approach, and documented outcome - a header with the client, results as figures, the story in sections and a pull quote.
Project Item
Previews one portfolio project with imagery and context - picture first, caption under it or revealed over it, or a wide feature.
Project Details
Presents one project's brief, scope, deliverables, and media - a cover, the facts, the story and a gallery, ending with the next project.
Timeline Item
Describes one dated milestone or historical event - a date, a dot on a line, a title and a short story, optionally with a picture.
Integration Item
Presents one compatible tool with its purpose and connection link - logo, name, category, what it does, and connect or manage.
Comparison Table
Compares alternatives across a shared set of criteria - a real table with a highlighted column and a sticky first column, or a two-sided versus card.
Credential Item
Presents one certification or accreditation with verification details - the seal, the issuer, the validity and a link to verify it.
Press Item
Links to one external media mention with publication metadata - the outlet, the date and the headline, a pull quote, or a compact list row.
Comments, ideas or improvements? Edit this page's source on GitHub